attr()
を使用して、divのカスタム属性の新しい値を設定しようとしています。 .attr( attributeName, value )
を使用して実行できることがわかりましたが、試してみると機能していません。
興味のあるコードの一部を次に示します。
$('#amount').attr( 'datamin','1000')
カスタム属性を持つdivは
<div id="amount" datamin=""></div>
例を以下に示します。
$(function() {
$( "#slider-range" ).slider({
range: true,
min: <?php echo $min_val;?>,
max: <?php echo $max_val;?>,
values: [ <?php echo $min_val;?>, <?php echo $max_val;?> ],
slide: function( event, ui ) {
$( "#amount" ).html( "<?php echo $currency_chk_i;?>" + ui.values[ 0 ] + " - <?php echo $currency_chk_i;?>" + ui.values[ 1 ] );
$('#amount').attr( 'datamin','1000');
},
change: function(event, ui) {
// when the user change the slider
},
stop: function(event, ui) {
alert(ui.values[0]);
// when the user stopped changing the slider
}
});
$( "#amount" ).html( "<?php echo $currency_chk_i;?>" + $( "#slider-range" ).slider( "values", 0 ) +
" - <?php echo $currency_chk_i;?>" + $( "#slider-range" ).slider( "values", 1 ) );
});
誰が私が間違っているか他の方法を指摘できますか?
私にとってはうまくいく
こちらの例をご覧ください。 http://jsfiddle.net/blowsie/c6VAy/
Jqueryが$(document).ready
関数または同様の内部にあることを確認してください。
また、jquery data を使用してコードを改善できます
$('#amount').data('min','1000');
<div id="amount" data-min=""></div>
更新、
ここに完全なコード(ほとんど)の実用例があります。 http://jsfiddle.net/blowsie/c6VAy/3/
値を割り当てた後、attrを確認する必要があります
$('#amount').attr( 'datamin','1000');
alert($('#amount').attr( 'datamin'));