Question

我试图通过带有事件绑定的ajax让JQuery处理动态加载的内容，类似于：Event binding on dynamically created elements?

但是，我对java / Jquery不太好，我似乎无法让jquery处理ajax内容。我从这段代码开始：

(function($){
    var $this = $('.floatLabel');
    var text_value = $('.floatLabel').val();
$('.container').on('focus', '.floatLabel', function floatLabel(inputType){
    $(inputType).each(function(){
        $this.next().addClass('active');
        if(text_value!==''){
            $this.next().addClass('active');
        }
    });
});
$('.container').on('blur', '.floatLabel', function floatLabel(inputType){
        $(inputType).each(function(){
            if($this.val() === '' || $this.val() === 'blank'){
                $this.next().removeClass();
        }
        });
    });
})(jQuery);

我试图绑定这样的事件：

<div class="container">
   <div id="ha">
     <script type="text/javascript">
      $( document ).ready(function() {
      $('#ha').load('example.com/createform');
});
     </script>
   </div>
</div>

这是主要的html页面：

<div >
 <input class="floatLabel" name="example">
 <label for="example">example</label>
</div>

加载内容：

inline-block

Answer 1

这似乎是用$(document).ajaxComplete (function (){解决的，只是复制了原始代码。感谢大家的帮助！

Ajax Loaded内容的JQuery Event绑定

1 个答案: