当我的代码添加到wordpress中时,为什么按键事件不起作用?

时间:2018-10-08 10:34:28

标签: javascript php jquery wordpress events

下面的代码在这里可以正常工作,但是在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更改,我们正在使用输入名称。不要以为那是问题,因为它在这里很奇怪,

2 个答案:

答案 0 :(得分:0)

可能是内容是动态生成的,请尝试使用 on 函数并在其中使用按键事件。

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

答案 1 :(得分:0)

Wordpress自己的jQuery接管了“ $”变量,因此您需要改用“ jQuery”,即:jQuery('input[name="tmp_post_tag"]').keypress(function(event) {