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 に答える