Question

我有一个非常小的jQuery脚本，我想添加到单个页面。我试图通过Wordpress后端的页面编辑器直接在页面中添加它。由于它太小而且不适用于我网站上的任何其他页面，我宁愿直接将其添加到页面中。因此，在页面编辑器中，我单击“文本”选项卡并包含以下内容：

<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文件，只是希望我没有。

Answer 1

jQuery和Wordpress之间可能存在冲突，请尝试：

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

Answer 2

也许你想这样做：

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

在Wordpress页面中添加简单的jQuery

2 个答案: