2

フィドルでコードを試し、テストしました。目的は、上部のドロップダウンに1がある場合に、2番目の列を非表示にすることです。これはフィドルで機能しますが、Webページでは何も変わりません。何か案は。

テストWebページは、次のライブサイトにあります：http ：//www.specialfinance.co.uk/introducers/submit-an-enquiry/secured-loans2.html

4

2 に答える 2

1

要素がDOMに入る前に、jQueryコードが実行されています。これを修正するには、 DOMReadyハンドラー内にラップします。

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

フィドルには、コードをwindow.onload関数内に自動的にラップするonLoadラッパー（ページの左上）があります。

window.onload動作しますが、画像やその他のリソースを含む大きなページがある場合、DOM対応ハンドラーよりもかなり時間がかかります。

于 2013-03-13T12:36:15.010 に答える
0

次のように、jqueryをdocument.ready()ハンドラーで囲みます。

$(document).ready(function() {
   $("#selectList").change(function() {
       if ($(this).val() == "1") {
          $(".showMe").hide();
       }
       else {
           $(".showMe").show();
       }
   });
});
于 2013-03-13T12:36:37.957 に答える