javascript - ajax和tweenmax的结合

Question

http://lifeto.dothome.co.kr/xe/page_FIsv96

在上面的页面中，我使用以下代码调用了 ajax.load:

jQuery(".open_list").on("click", function (e) {
 e.preventDefault()
 jQuery(".ajax_list").fadeOut(function () {
  var $item = jQuery(this)
  $item.load ("http://lifeto.dothome.co.kr/xe/free", function () {
   $item.fadeIn ()
  })
 })
})

...在加载的文档 ( http://lifeto.dothome.co.kr/xe/free ) 内部，它包含一个名为 open_contents 的类的元素。当我单击它时，它会打开一个新的 div。

jQuery('.open_contents').click(function() {
 TweenMax.to (".board_contents", 0.5, {opacity: 1, top: 200,  ease: Bounce.easeOut})
})

有两个问题:

1. 当我点击具有 open_contents 类的标题(数字 1、2、3)时，它不会启动 Greensock 代码从顶部向下滑动。 (我只是假设这是因为加载的 Ajax 无法与父窗口交互......)

2. 即使我单击“关闭”按钮，名为 list 的 div 也不会以某种方式关闭，因此我无法再次打开 .list。

有人可以告诉我解决方案吗？

Answer 1

jQuery('.open_contents').click(function() {

当您运行此代码时，您将为文档中的所有元素创建一个事件监听器当时。您需要在加载元素后运行此命令(在 $item.load ("http://lifeto.dothome.co.kr/xe/free", function () {...}))，或使用(我认为):

jQuery(document.body).on('click', '.open_contents', function () {

每当单击正文中存在的 .open_contents 类的任何当前或 future 元素时，都会运行该函数。