jquery - jquery滑块，在值变化时传递值

Question

我使用代码创建了一个滑块...

<span class='sliderspantext'>
    <div>
        <input 
            type = 'text' 
            name = 'totaldiamondstart' 
            id = 'totaldiamondstart' 
            value = '<?php echo $tot_diamond_carat_weight_start;?>' 
            size = "10" 
            onkeypress = "keypress(event,1);" 
            onblur = 'slidertotaldiamondrenew();' 
            class = 'sildertext' 
            onfocus = 'textfocchg(1,1)'
        />
    </div>

    <div>
        <input type='text' 
            name = 'totaldiamondend' 
            id='totaldiamondend' 
            value = '<?php echo $tot_diamond_carat_weight_end;?>' 
            size = "10" 
            onkeypress = "keypress(event,1);" 
            onblur = 'slidertotaldiamondrenew();' 
            class = 'sildertext' 
            onfocus = 'textfocchg(2,1)'
        />
    </div>
</span>

如果框的值发生变化，我想发送滑块的值...

$("#totaldiamondstart").live("change", function() {
    alert('hello');
    var totaldiamondstart = $("#totaldiamondstart").val();
    var totaldiamondend = $("#totaldiamondend").val();
});

不知何故，这不起作用，我在控制台中也没有错误，有人可以解释为什么吗？我正在使用 jquery 1.7.1。

如果我按下提交按钮，上面的代码有效，但不是onchange

谢谢

Answer 1

.change()只有当输入元素的值发生变化并且失去焦点时才会触发。

如果您有.change()一个选择下拉菜单，它会在用户做出新选择时立即触发。

编辑：另外，考虑到该.on()方法.live()已被弃用并从jQuery 1.9. 在您的情况下，语法是相同的。