ajax和tweenmax的结合

the combination of ajax and tweenmax

本文关键字：结合 tweenmax ajax      更新时间：2023-09-26

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的类的元素。当我点击它时，它会打开一个新的分区。

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

有两个问题：

  1. 当我点击标题（数字1、2、3），它有一个open_contents类，它不会启动Greenstock代码从顶部向下滑动。（我只认为这是因为加载的Ajax无法与父窗口交互…）

  2. 即使单击"关闭"按钮，名为list的div也不会关闭，因此我无法再次打开.list。

有人能告诉我解决办法吗？

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类的任何当前或未来元素，就会运行此操作。

相关文章：