在Wordpress頁面中添加簡單的jQuery頁面

我有一個非常小的jQuery腳本，我想添加到單個頁面。我試圖通過Wordpress後端的頁面編輯器直接將它添加到頁面中。由於它非常小，並且不適用於我網站上的任何其他頁面，因此我希望將其直接添加到頁面中。因此，在頁面編輯器我點擊「文本」選項卡上，幷包括以下內容：在Wordpress頁面中添加簡單的jQuery頁面

<script type="text/javascript"> 
$("form").submit(function(event) { 
    if($('#somecheckbox').is(':checked')) { 
     alert("Handler for .submit() called."); 
    } 
    else { 
     event.preventDefault(); 
    } 
}); 
</script> 


<form action="/helpdesk/" method="post"> 
    <input id="somecheckbox" type="checkbox" value="yes" /> <label for="somecheckbox">Checkbox</label> 
    <input type="submit" value="Submit" /> 
</form>

，這並不會工作，所以我想知道如果它甚至有可能。問題是警報框不會彈出，並且提交也不會被取消。

我知道如何將腳本作爲.js文件包含進去，只是希望我不必這樣做。

來源

2014-03-05 rwkiii

有可能jQuery和Wordpress之間的衝突發生在這裏，儘量做到：

jQuery(function($) { 
    $("form").submit(function(event) { 
     if($('#somecheckbox').is(':checked')) { 
      alert("Handler for .submit() called."); 
     } 
     else { 
      event.preventDefault(); 
     } 
    }); 
});

來源

2014-03-05 03:17:14 Felix

是的，這使得它的工作。我明白你現在做了什麼。我已經爲此工作了一個多小時，並且搜索了一個例子。我「認爲」它應該是可能的。謝謝Felix。 – rwkiii

很高興幫助！快樂編碼伴侶:) – Felix

也許你想這樣做：

jQuery(function($) { 
    $("form").submit(function(event) { 
     event.preventDefault(); 
     if($('#somecheckbox').is(':checked')) { 
      alert("Handler for .submit() called."); 
     } 
     else { 
      return false; 
     } 
    }); 
});

來源

2014-03-05 03:25:26

在Wordpress頁面中添加簡單的jQuery頁面

回答

相關問題