如何监听 Jquery 移动事件？

Question

<script>
$(document).ready(function() {
     $("#select-native-1 option:selected").select( function () { 
    alert("a");
    });
});
</script>
...
<form>
    <div class="ui-field-contain">
        <select name="select-native-1" id="select-native-1">
            <option id="burnabyCampus" value="1">A</option>
            <option id="downtownCampus" value="2">B</option>
        </select>
    </div>
</form>

我正在尝试从 jQuery Mobile 监听选项选择事件。但是我不知道正确的做法是什么？我在哪里可以找到它？

我现在怎么了？

Answer 1

您应该注意输入何时更改，而不是文档准备好时...

$('#select-native-1').change(function(){
    alert('input changed');
});

见小提琴——https://jsfiddle.net/6L08nj2u/11/

编辑：您仍应将 jquery 包装在“就绪”中，但将此函数绑定到输入的“更改”。所以如果这就是你所有的js，

$(document).ready(function() {    // wrap everything in ready
    $('#select-native-1').change(function(){
        alert('input changed');
    });
});

所以现在如果你想在 text 值改变之前得到它，让我们把它放在 ready 里面。

$(document).ready(function() {    // wrap everything in ready
// page is loaded

// what the value is as soon as page is done loading
$('#select-native-1 option:selected').text();


// watch for every time the value changes
        $('#select-native-1').change(function(){
            alert('input changed');
        });

    });