-5

次のコードでクリックイベントが機能しない理由を教えてください。注：私.live('click', function)も試してみましたが、うまくいかないので、別の解決策を提案してください。

    <script type="text/javascript" src="js/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery.mobile-1.1.0.js"></script>
    <script type="text/javascript" >
    $(function(){
       $("#signup").click(function(){
       alert("in");
      var street = $("#street").val();
       var mno = $("#mno").val();
      var tno = $("#tno").val();
      var word = $("#word").val();

     //var accept = $("#accept").val(); 
      if(street=="" && mno=="" && tno=="" && word="" &&            document.getElementById('accept').checked==false)
      {
     alert("Enter all the details");

      }

     else if(street=="")
     {
 alert("Enter your street name");

 }
 else if(mno=="")
 {
 alert("Enter your mobile no");

 }
 else if(tno=="")
 {
 alert("Enter your telephone no");

    }
else if(word=="")
{
alert("Enter the word displayed");

}
else if (document.getElementById('accept').checked==false)
{
alert("Accept our terms and conditions");

}
    return false;
    });  
    });  
    </script> 
   <body>
    <div class="inner-content">
             <label for="basic">Street Details:</label>
            <input type="text" name="name" id="street" data-mini="true" />
            <label for="basic">Mobile Number:</label>
            <input type="text" name="name" id="mno" data-mini="true" />
            <label for="basic">Telephone Number:</label>
            <input type="text" name="name" id="tno" data-mini="true" />
            <label for="basic">Enter the word </label>
            <input type="text" name="name" id="word" data-mini="true" />
            <label class="check"><input type="checkbox" id="accept"/> I accept the  Terms and Conditions. </label>
             <label class="check"><input type="checkbox" /> Receive mail about   promotions.<br/> Offer and Service. </label>
           <a href="index.html" data-role="button" id="signup">Sign In</a> 
          </div>
        </body>
4

2 に答える 2

1

ここでわかるように、jsFiddle デモのコードは明らかに機能しています。

問題は、スクリプトが見つからないjQueryかa、html でタグが見つからないことです。

f12Chrome の場合、Firefox の場合は Firebug が役立ちます。

jQuery編集:最小バージョンと非最小バージョンの2 つの異なるスクリプトを読み込んでいます。削除してみてください<script type="text/javascript" src="js/jquery-1.7.1.js"></script>

また、console.log($('#signup'))何かが返されたかどうかを確認してください。

于 2012-09-05T13:58:01.983 に答える
0

jQuery ファイルが正しく読み込まれていないようです.Google cdn でホストされている jQuery ファイルを使用しないでください..ファイル参照エラーを減らし、ウェブサイトの帯域幅を減らすのにも役立ちます..

それ以外の

<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

これを使って

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
于 2012-09-05T17:47:41.293 に答える