1

私はここでこの問題に苦しんでいます：私は.loadを使用してウェブサイトのさまざまなセクションのセクションをロードし、ロードされたコンテンツでjqueryを機能させるためにコンテンツと一緒にjsファイルをロードしようとしましたが、問題はユーザーがそのセクションをクリックすると、再びロードされます。jqueryは機能しなくなります。これは、ユーザーがそのセクションに移動するたびに機能させようとしているjsファイルです。

$(".slider").each(function() {
    var radios = $(this).find(":checkbox").show();
    $("<div></div>").slider({
      min: parseInt(radios.first().val(), 10),
      max: parseInt(radios.last().val(), 10),
      slide: function(event, ui) {
        radios.filter("[value=" + ui.value + "]").click();
      }

    }).appendTo(this);

});

ある種のライブ機能を追加することが解決策になると思いますが、何かアイデアはありますか？ありがとう

4

1 に答える 1

1

HTMLでjQueryファイルをロードする代わりにできることの1つ。完全なコールバック関数を使用して、必要なものをすべて追加できます。この関数は、html がセレクターにロードされるときに実行されます。

$('#your-div').load(url, funciton(){
  $(".slider").each(function() {
    var radios = $(this).find(":checkbox").show();
    $("<div></div>").slider({
      min: parseInt(radios.first().val(), 10),
      max: parseInt(radios.last().val(), 10),
      slide: function(event, ui) {
        radios.filter("[value=" + ui.value + "]").click();
      }

    }).appendTo(this);
  });
});
于 2012-12-27T20:16:17.767 に答える