javascript - 代码可以正常工作，但不能在网页上工作

Question

已经尝试并测试了 fiddle 中的代码，目的是当顶部下拉列表中有 1 时隐藏第二列，这在 fiddle 上有效，但网页上没有任何变化。任何想法。

测试网页在实时站点上，位于此处:http://www.specialfinance.co.uk/introducers/submit-an-enquiry/secured-loans2.html

Answer 1

您的 jQuery 代码在元素进入 DOM 之前执行。将其包裹在 DOM Ready 中解决这个问题的处理程序:

$(function() {
    //your code here
    $("#selectList").change(function() {
        if ($(this).val() == "1") {
           $(".showMe").hide();
        }
        else {
            $(".showMe").show();
        }
    });
});

您的 fiddle 有一个 onLoad 包装器(页面左上角)，它会自动将您的代码包装在 window.onload 函数中。

window.onload 也可以工作，但是当您有一个包含图像和其他资源的大页面时，它比 DOM 就绪处理程序需要更长的时间才能启动。