Question

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

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

代码适用于小提琴，但不适用于网页

2 个答案: