首页 > 解决方案 > 当我的代码添加到 wordpress 中时,为什么我的关键事件不起作用?

问题描述

下面的代码在这里完美地工作,但在 WP 上却没有那么多。当我检查控制台时,没有错误。

$('input[name="tmp_post_tag"]').keypress(function(event) {

    var keycode = (event.keyCode ? event.keyCode : event.which);   
    if (keycode == '13'){ 
        event.preventDefault();
        alert('You pressed a "enter" key in textbox');
    }    
});  

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="">
    <input type="text" 
            id="cant_use" 
            name="tmp_post_tag" 
            value="" 
            data-taxonomy="post_tag" 
            data-taxtype="flat" 
            class="wpt-new-taxonomy-title js-wpt-new-taxonomy-title form-control wpt-form-textfield form-textfield textfield"
            data-wpt-type="textfield" 
            data-wpt-id="cant_use" 
            data-wpt- autocomplete="off">

</form>

我究竟做错了什么?仅供参考,我们正在使用输入名称,因为 ID 发生了变化。不要认为那是问题,因为它在这里,

标签: javascriptphpjquerywordpressevents

解决方案


Wordpress 自己的 jQuery 接管了 " $" 变量,所以你需要使用 " jQuery" 来代替,即:jQuery('input[name="tmp_post_tag"]').keypress(function(event) {


推荐阅读