-1

おそらくばかげた質問ですが、まだ JQuery は初めてです。

.load を介してコンテンツをロードするためのボタンとして機能する div があります。問題は、JS にロードしたものが機能しないことです。

HTML:

<div class="a" id="aa">Button #1</div>
</br>
</br>
<div id="loada"></div>
</br>
</br>
<div id="loadb"></div>

JS:

$(document).ready(function(){
  $('#aa').click(function(){
    $('#loada').load('load.htm #bb');
});
  $('#bb').click(function(){
    $('#loadn').load('load.htm #cc');
});

});

HTM をロード:

<div class="b" id="bb">Button #2</div>
<div class="c" id="cc">Content #1</div>

既に読み込まれている JS が動的に作成された HTML で動作するように .on を使用する必要があることは理解していますが、うまくいかないようです。

誰でも助けることができますか？

編集：以下の何が問題になっていますか？

$('#bb').on('click', '#bb', function(event){
  $('#loadb').load('load.htm #cc');
});
4

3 に答える 3

1 
$("#selector").on("click", function(event){
});

デリゲート イベント アプローチは、イベント ハンドラーを 1 つの要素のみにアタッチします。

 $("#selector").on("click", "selector", function(event){

    });
于 2013-03-25T10:13:32.130 に答える
0

次のように、load のコールバック関数で make click を試すことができます。

$(document).ready(function(){
  $('#aa').click(function(){
    $('#loada').load('load.htm #bb',function(){
        $('#bb').click(function(){
            $('#loadb').load('load.htm #cc');
        });
    });
});
于 2013-03-25T10:19:05.000 に答える
-1 
    $(document).ready(function(){
      $('#aa').on("click",function(){
        $('#loada').load('load.htm #bb');
           $('#bb').on("click",function(){
                   $('#loadn').load('load.htm #cc');
                 });
          });
    });

if you are using jQuery 1.9 use "on" , if using older version use "live". [live is deprecated remember.]
于 2013-03-25T10:15:12.527 に答える