javascript - jQuery .change() 未在选择时触发 - 来自 api.jquery.com 的示例

Question

我从 api.jquery.com 复制了这个示例

$('.target').change(function() {
  alert('Handler for .change() called.');
});

我也尝试过:

$('#target').change(function() {
  alert('Handler for .change() called.');
});

我将其复制到我的 .js 文件中，该文件包含在我的 html 中。我在那里有另一个 jQuery 函数(从 $(window).load(function () { ..."

另一个功能正在运行。但上面这个简单的功能却不是。

表格如下所示:

<form>
    <select id="target" class="target">
        <option name="pp" value="6">6</option>
        <option name="pp" value="12">12</option>
    </select>
 </form>

我只想使用 id，但我添加类只是为了测试。但两者都不起作用。

为什么这个简单的功能不起作用？我还需要执行其他操作才能将更改事件连接到该函数吗？我是 jQuery 新手，但我知道在 javascript 中我必须让表单的 onchange 事件调用函数才能发生某些事情。

编辑:好的，这是我包含的 .js 文件中的所有内容。正如您所看到的，这只是另一个函数。是否有干扰？另外，我在页面上只有 1 个表格，如您在上面看到的。我将让它更改每页显示的结果数(6 或 12)。

$(window).load(function() {
    $("img.gall_img").each(function() { // iterate through all img of class gall_img
        var imgWidth = $(this).width(); // "$(this)" to access jQuery width() func
        var divWidth = $(this).closest('div').width();
        //alert(imgWidth + " and " + divWidth); // for debugging
        if(imgWidth > divWidth) {
            var position = Math.round(-1 * ((imgWidth/2) - (divWidth/2))); // 
            position = position + "px"; // make position format "123px".
                $(this).css("left", position); // "$(this)" to access jQuery css() func
            }
    });
});


$("#target").change(function() {
  alert('Handler for .change() called.');
});

Answer 1

将代码内部放入$(window).load函数中，如下所示:

$(window).load(function () {

//whatever code is already here

$('.target').change(function() {
  alert('Handler for .change() called.');
});

}); //end of $(window).load function

$(window).load(function () 告诉浏览器仅在加载整个页面(包括图像)后运行该代码。传统上使用 jQuery，您将看到 $(document ).ready(function() {... 告诉浏览器在页面加载之前不要处理该代码(不包括图像)

如果您不需要等待图像加载来运行 jQuery，那么您可以将 $(window).load(function () { 替换为 $(document) .ready(函数() {

干杯!