为使用jQuery的属性设置新的值
我尝试使用attr()设置一个div的自定义属性的新值,而通过http://api.jquery.com/attr/布告时,我发现它可以使用.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 数据来改善你的代码
$('#amount').data('min','1000'); <div id="amount" data-min=""></div>
更新,
在这里完整的代码(很多)的工作示例。 http://jsfiddle.net/blowsie/c6VAy/3/
这是工作,你必须检查attr分配值后
LiveDemo
$('#amount').attr( 'datamin','1000'); alert($('#amount').attr( 'datamin'));