密钥只适用于remove（）

Question

我是jQuery的初学者。我面临一个奇怪的问题。我有以下js无法正常工作

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

但奇怪的是我添加

(function( $ ) {
	'use strict';

	$( document ).ready(function() {

 		/* Ajax Widget Search */

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

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

    })( jQuery );

在keyup函数之上，keyup函数开始工作。因此，当我在widget_search_affiliate_product搜索字段中输入内容时，此代码会在控制台中输出“hey”

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

(function( $ ) {
	'use strict';

	$( document ).ready(function() {

 		/* Ajax Widget Search */

 		console.log($('[id=widget_search_affiliate_product]').length);		
 		$("#widget_search_affiliate_product").keyup(function() {
 			console.log("hey");
 		});
 	});




})( jQuery );

HTML：

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

<div class="alp_search_product">
    	<p>
    		<label for="affiliate_product_single"><strong>Search Affiliate Product:</strong></label><br>
    		
        <input class="widefat" type="text" name="widget_search_affiliate_product" id="widget_search_affiliate_product">
    	</p>
        <div class="hidden" id="suggesstion_box">
    			<ul></ul>
    			<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
    		</div>
    		
        <input id="affiliate_product_single" name="affiliate_product_single" type="hidden" value="Search Affiliate Product">
    		<input type="hidden" id="widget_ajax_nonce" name="" value="6286139014">


<div class="alp_select_product">
    		<h5 class="heading_selected_product">Selected Product</h5>
    	</div>
</div>

CFBundleName

Answer 1

不知何故，我有两个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 );