代码在小提琴,但不能在网页(Code works in fiddle, but not on web

2019-07-21 11:56发布

是否尝试过和小提琴测试代码,目的是隐藏第二列时,有在顶部的下拉1,本工程对小提琴,但网页上没有任何变化。 有任何想法吗。

测试网页上线的站点,位于: http://www.specialfinance.co.uk/introducers/submit-an-enquiry/secured-loans2.html

Answer 1:

之前的元素在DOM jQuery代码正在执行。 它包装到一个内部DOM就绪处理程序来解决这个问题:

$(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();
       }
   });
});


文章来源: Code works in fiddle, but not on webpage