私は次のjqueryコードを持っています:
$('div#headBannerSearchAgedBetweenSlider').slider({
range: true,
min: 18,
max: 99,
values: [18, 65],
change: function(event, ui) {
$('span#headerBannerAgedMin').html(ui.values[0]);
$('span#headerBannerAgedMax').html(ui.values[1]);
},
slide: function(event, ui) {
if (ui.values[0] == ui.values[1]) {return false;}
}
});
キャッチは、要素'div#headBannerSearchAgedBetweenSlider'はjsスクリプトがロードされたときに使用できないため、要素が使用可能になったら、.live()や.on()などを使用してスライドイベントをアタッチする必要があります。
スライドが表示されたら、要素'div#headBannerSearchAgedBetweenSlider'にスライドをバインドするにはどうすればよいですか?次のコードをラップしようとしました(要素として$(this)を使用していますが、クリックイベントは使用していません。要素が存在したらバインドする必要があります。
$(document).on('click','div#headBannerSearchAgedBetweenSlider', function() {
});
どうすればよいですか?
ありがとうございました
私は運がなくて次の.ready()を試しました-これに明らかに何か問題がありますか?
$('div#headBannerSearchAgedBetweenSlider').ready(function() {
$('div#headBannerSearchAgedBetweenSlider').slider({
range: true,
min: 18,
max: 99,
values: [18, 65],
change: function(event, ui) {
$('span#headerBannerAgedMin').html(ui.values[0]);
$('span#headerBannerAgedMax').html(ui.values[1]);
},
slide: function(event, ui) {
if (ui.values[0] == ui.values[1]) {return false;}
}
});
});