-5

In my following code click event not working can anyone tell me why? Note: I tried .live('click', function) also which is not working so suggest me another solution.

    <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 中找到标签。

f12在 Chrome 或 Firefox 的 Firebug 上将在这里为您提供帮助。

编辑：您正在加载两个不同jQuery的脚本，最小版本和非最小版本。尝试删除<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 回答