javascript - 代码在小提琴中有效，但在网页上无效

Question

已经在小提琴中尝试和测试过代码，目的是在顶部下拉列表中有 1 时隐藏第二列，这适用于小提琴，但网页上没有任何变化。有任何想法吗。

测试网页位于实时站点上，位于此处：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();
        }
    });
});

您的小提琴有一个 onLoad 包装器（页面的左上角），它会自动将您的代码包装在一个window.onload函数中。

window.onload也可以，但是当你有一个包含图像和其他资源的大页面时，它比准备好 DOM 的处理程序花费的时间要长得多。

Answer 2

将您的 jquery 包含在document.ready()处理程序中，如下所示：

$(document).ready(function() {
   $("#selectList").change(function() {
       if ($(this).val() == "1") {
          $(".showMe").hide();
       }
       else {
           $(".showMe").show();
       }
   });
});