0

当单击图像按钮时，我有一个固定的 div 从右侧滑入。然后 div 加载一个单独的 html 文件。如果我再次单击该按钮，它会切换回来。

我想在滑动 div 中添加一个新的“切换”按钮，它只会将 div 滑回隐藏状态，但是当我尝试在 div 中添加一些内容时，它不会显示。

我怎样才能做到这一点？

<Style>
#help_div
{
    position:fixed;
    top: 50px;
    right: 0px;
    height: 500px;
    width:  500px;
    padding: 20px;
    overflow-y: scroll;
    background-color:white;
    border: 1px solid gray;
    display: none;
}
</style>

<script type="text/javascript">
    var inp;
    var posX;
    var posY;

        $(document).ready(function () {

        });

        //Helping DIV
        function DisplayHelp(input) {
            if ($("#input").attr("title") == input) { //|| $("div#help_div").css("display") == "none") {

            }

            if ($("div#help_div").css("display") == "none") {
                $("div#help_div").empty();
                $("div#help_div").animate({ width: 'toggle' }, 1000);
                $("div#help_div").load("helpfiles/" + input + ".html");
                inp = input;
            }
            else if(inp == input){
                $("div#help_div").animate({ width: 'toggle' }, 500);
                $("div#help_div").empty();
                inp = null;
            }
            else if (inp != input) {
                $("div#help_div").empty();
                $("div#help_div").load("helpfiles/" + input + ".html");
                inp = input;
            }
        }    
</script>


<div id="help_div" class="roundedCorners"></div>  
    <img src="/images/help_qa.png" onclick="DisplayHelp('help1')" alt="Helping text" />
4

1 回答 1

0

您可以使用以下代码在加载 HTML 页面后添加新元素。：

$("div#help_div").append("<div> Hello </div>");

您说您尝试添加新元素，您究竟在哪里尝试在加载后向 div 添加新元素？

于 2012-04-27T11:26:37.593 回答