javascript - 我无法通过 Jquery 在动态加载的内容上应用 CSS。

Question

有一个 anchor 标记，当您单击时会出现一个 qtip。该 qtip 是动态生成的。

<a class="change-zip" href="#zip-change-tooltip">something</a>

/*这是动态加载的*/

<div class="qtip">
 <div class="content">
   <div id="zip-change-tooltip">
     *content is here*
   </div>
 </div>
</div>

现在在上面的内容中我正在使用这个

$(document.body).on('click','.change-zip',function(){

        $('#zip-change-tooltip').parents('.qtip').css('height','200px');
});

它一开始不起作用，但当我第二次单击它时，它工作正常，因为 DOM 已经加载了。我应该做什么才能让它发挥作用？

提前致谢。

Answer 1

jquery 中没有任何东西被调用

$(document.body)

你会得到一个错误......只需使用

$(document)

或

$(document).ready(function(){
// your code here after document is ready
});

或使用

$(document).on('click','.change-zip',function(){

        $('#zip-change-tooltip').parent().parent().css('height','200px');
});