jQuery沒有讀取點擊

所以我的jQuery看起來不錯，但由於某種原因，當我點擊按鈕console.log不會觸發。任何人都知道這可能是爲什麼？jQuery沒有讀取點擊

這是我用過的jQuery的鏈接。對困惑感到抱歉。這個是在標題中。雖然它仍然沒有工作。

<head> 
     <!-- Latest compiled and minified CSS --> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
     <script type = "text/javascript"></script> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title>Email Parser GUI</title> 
     <link rel="stylesheet" type="text/css" href="Styles.css" /> 
     <script> 

       $(document).ready(function(){ 
        console.log("TEST ABOVE CLICKS"); 

        $("#btnOn").click(function() { 
         console.log("TEST btnOn"); 
         var value = 1; 
         $.ajax({ 
         type: "POST", 
         url: "URLphp", 
         data: {value : value}, 
         dataType: "json", 
         async: true, 
         beforeSend: function(){ 
          console.log("check before send of ajax in btnOn"); 
         }, 
         success: function(data) { 
          console.log(data); 
         } 
         }); 
        }); 

        $("#btnOff").click(function() { 
         console.log("TEST btnOff"); 
          var value = 0; 
          $.ajax({ 
          type: "POST", 
          url: "URL.php", 
          data: {value : value}, 
          dataType: "json", 
          async: true, 
          beforeSend: function(){ 
           console.log("check before send of ajax in btnOff"); 
          }, 
          success: function(data) { 
           console.log(data); 
          } 
          }); 
        }); 
       }); 
       </script> 
    </head>

然後在身體標記

<div class="form-group"> 
      <label class="col-md-4 control-label" for="btnOn">On/Off</label> 
       <div class="col-md-8"> 
        <button id="btnOn" name="btnOn" value="1" class="btn btn-success">On</button> 
        <button id="btnOff" name="btnOff" value="0" class="btn btn-danger">Off</button> 
       </div> 
      </div>

任何幫助，將不勝感激。謝謝。

來源

2017-09-06 agates

你包括jQuery庫文件？ – brk

哪個console.log不會觸發？ –

@MrGeek我認爲第二個（「測試btnOn」） –

嘗試使用jQuery on，

$("body").on("click", "#btnOn", function() { 
    console.log("TEST btnOn"); 
});

來源

2017-09-06 15:54:35

這是動態創建元素的最佳選擇。 OP的代碼似乎不是這樣的。 –

試試這個：

1）檢查你確實有jQuery的啓用

2）嘗試丹菲利普的回答，使用。點擊的。對代替：

$("body").on("click", "#btnOn", function() { 
    console.log("TEST btnOn"); 
});

3）比較你的代碼和代碼片段，愚蠢的錯誤總是發生，也許你錯過了一些選擇器中的一封信。一個簡單的方法來檢查是創建一個全新的按鈕。

來源

2017-09-06 16:08:09 moidol

無論是在代碼段，代碼張貼在你錯過附上<script>標籤之間的JavaScript代碼的問題：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     console.log("TEST!!!!!!"); 
     $("#btnOn").click(function() { 

      // ... 

     }); 
    }); 
</script>

來源

2017-09-06 16:23:44 Paolo

<head> 
<script 
src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> 
</script> 
</head> 
<body> 
<button id="btnOn" name="btnOn" value="1" class="btn btn- 
success">On</button> 
</body> 
<script> 
$(document).ready(function() { 
    alert("TEST!!!!!!"); 
    $("#btnOn").click(function() { 
     console.log("TEST btnOn"); 
     var value = 1; $.ajax({ 
      type: "POST", 
      url: "URL.php", 
      data: { value: value }, 
      dataType: "json", 
      async: true, 
      beforeSend: function() { 
       console.log("check before send of ajax in btnOn"); 
      }, 
      success: function (data) { 
       console.log(data); 
      } 
     }); 
    }); 
    }); 
</script> 


---------- 

<b>Do it like this It Will work !!!</b>

來源

2017-09-06 17:36:05 Sandy

jQuery沒有讀取點擊

回答

相關問題