jquery事件绑定不适用于多个动态对象

在下拉菜单中通过AJAX更改动态添加的对象时，可以添加或删除类。如果只有一个对象存在，代码就可以工作，但由于某种原因，不止一个对象会阻止它工作。jquery事件绑定不适用于多个动态对象

$('.product_options_container').on('change', '.product_preset_dropdown', function() { 
    var conceptName = $(this).closest('.product_option_hidden').children('.product_preset_dropdown').find(":selected").text(); 
    if(conceptName != 'custom'){ 
     $(this).closest('.product_option_hidden').children('.product_encapsulation').addClass("hidden"); 
    } 
    else if(conceptName == 'custom'){ 
     $(this).closest('.product_option_hidden').children('.product_encapsulation').removeClass("hidden"); 
    } 
});

标记

// DIV CONTAINER AJAX IS LOADED TO 
<div id="dynamicInputs" class="dynamicInputs"></div> 

// AJAX FILE LOADED 
<div class='product_option_hidden'> 
    <div class="product_preset_inner"> 
     <div class="product_preset_inner_border"> 
      <div class="product_preset_dropdown_container"> 
       <select class="product_preset_dropdown"> 
        <option value="custom">custom</option> 
        <option value="preset">preset</option> 
        <option value="preset2">preset 2</option> 
       </select> 
      </div> 
     </div> 
    </div> 
    <div class="product_encapsulation"> 
     //other content here 
    </div> 
</div>

来源

2016-01-21 Paddy

con中的输出是什么？唯一？ – catzilla

以为我已经检查了控制台，看是否有错误。感谢您让我再次检查。我在下面回答 – Paddy

问题是

var conceptName = $(this).closest('.product_option_hidden').children('.product_preset_dropdown').find(":selected").text();

被增加一个额外的自定义串输出为每个附加的对象添加，改变为下面的工作

var conceptName = $(this).closest('.product_preset_dropdown').find(":selected").text();

来源

2016-01-21 02:44:26 Paddy

jquery事件绑定不适用于多个动态对象

回答

相关问题