Keyup仅适用于remove（）

  • Z时代
  • 2024-01-10
  • 分类：问答

我是jQuery的初学者。我面临一个奇怪的问题。我有以下的JS这是不工作Keyup仅适用于remove（）

$(document).ready(function() { 
    $("#widget_search_affiliate_product").keyup(function() { 
     console.log("hey"); 
    }); 
});

但奇怪的是，当我加

$("#widget_search_affiliate_product").remove();

上述KEYUP功能，KEYUP功能开始工作。所以这段代码在控制台输出 “哎” 当我在widget_search_affiliate_product搜索字段中键入一些

(function($) {  
\t 'use strict';  
\t $(document).ready(function() {  
    \t \t /* Ajax Widget Search */  
    \t \t $("#widget_search_affiliate_product").remove();  
    \t \t  
    \t \t $("#widget_search_affiliate_product").keyup(function() {  
    \t \t \t console.log("hey");  
    \t \t });  
    \t });  
    })(jQuery);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

HTML：

(function($) {  
\t 'use strict';  
\t $(document).ready(function() {  
    \t \t /* Ajax Widget Search */  
    \t \t console.log($('[id=widget_search_affiliate_product]').length); \t \t  
    \t \t $("#widget_search_affiliate_product").keyup(function() {  
    \t \t \t console.log("hey");  
    \t \t });  
    \t });  
})(jQuery);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>  
<div class="alp_search_product">  
    \t <p>  
    \t \t <label for="affiliate_product_single"><span>Search Affiliate Product:</span></label><br>  
    \t \t  
     <input class="widefat" type="text" name="widget_search_affiliate_product" id="widget_search_affiliate_product">  
    \t </p>  
     <div class="hidden" id="suggesstion_box">  
    \t \t \t <ul></ul>  
    \t \t \t <i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>  
    \t \t </div>  
    \t \t  
     <input id="affiliate_product_single" name="affiliate_product_single" type="hidden" value="Search Affiliate Product">  
    \t \t <input type="hidden" id="widget_ajax_nonce" name="" value="6286139014">  
<div class="alp_select_product">  
    \t \t <h5 class="heading_selected_product">Selected Product</h5>  
    \t </div>  
</div>

回答：

不知怎的，我有两个widget_search_affiliate_product的实例。下面解决了这个问题

(function($) { 
'use strict'; 
$(document).ready(function() { 
    /* Ajax Widget Search */ 
    $("#widget_search_affiliate_product").remove(); 
    $(".alp_widget #widget_search_affiliate_product").keyup(function() { 
     console.log("hey"); 
    }); 
}); 
})(jQuery);

以上是 Keyup仅适用于remove（） 的全部内容， 来源链接： utcz.com/qa/263636.html

回到顶部