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})
})

有两个问题：

当我点击具有open_contents类的标题（数字1,2,3）时，它不会启动Greensock代码从顶部向下滑动。（我只假设这是因为加载的Ajax无法与父窗口交互...）
即使在点击“关闭”后，名为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类的任何现有或未来元素，就会运行。

ajax和tweenmax的组合

1 个答案: