56

我正在尝试使用 设置 div 的自定义属性的新值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 ) );

});


谁能指出我错在哪里或任何其他出路？

4

2 回答 2

57

对我来说很好

请参见此处的示例。 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/

于 2012-08-03T10:46:39.057 回答
36

它正在工作，您必须在分配值后检查 attr

现场演示

$('#amount').attr( 'datamin','1000');

alert($('#amount').attr( 'datamin'));​
于 2012-08-03T10:45:11.190 回答