jQuery不在同一页面内的ajax加载div内工作

时间:2011-08-09 20:47:54

标签: jquery ajax html load

我已经这么做了好几天没有运气了。在这里尝试了问题/回答但是无法弄清楚如何修复我的(尝试用代码中的.click改变一个.live但没有运气)。 这是我在jquery.ajaxy.js中所拥有/更改的内容(我可能需要更改代码中的其他位置,但是当我尝试时,ajaxy无法正常工作,所以我在这里做错了。这代码甚至可能不是解决方案的一部分,因为它的ajax加载div中的jQuery不起作用

$.fn.preventDefaultOnClick = $.fn.preventDefaultOnClick || function(){

        //original
        //return $(this).click(function(event){

        return $(this).live('click', function(event){
           event.preventDefault();
           return false;
    });
};

http://eddiepotros.com/test/

上的我的测试链接
  • 点击关于,关键字 DESIGNER & ONE STOP SHOP 应该显示jquery样式的工具提示,但它不起作用,除非你转到页面本身http://eddiepotros.com/test/pages/about.html然后它工作(在那里加载jquery但是即使我删除它,仍然赢了

  • 点击投资组合,同样的问题。 jQuery代码不能在那个页面/ div上工作,除非你直接去它eddiepotros.com/test/pages/portfolio.php

有什么建议吗? 为了清楚起见,我不知道我发布的代码是否可以解决我的问题。我只是猜测,但它似乎并没有按照前两条评论做任何事情。 我的问题是没有jQuery可以从ajax加载的div

调用

我已经在这么久的时间里一直在努力,而且还没有幸运!

4 个答案:

答案 0 :(得分:0)

return this.live('click', function(event){

隐含了JQuery对象?

答案 1 :(得分:0)

试试这个:

$.fn.preventDefaultOnClick = function(){

   return $(this).live('click', function(e){
           e.preventDefault();
          });
};

答案 2 :(得分:0)

您是否尝试过将JavaScript放在about.html

$('#about a[href][title]').qtip({
  content: {
     text: true // Use each elements title attribute
  },
  hide: { /*when: 'inactive',*/ delay: 800, effect: 'fade' },
  show: { effect: 'grow' },
  style: 'cream' 
});

在HTML的底部而不是在document.Ready部分。

答案 3 :(得分:0)

还原您之前所做的任何更改,以使工具提示生效。

在about.html中

 删除document.ready。

只需将代码放在about.html页面的末尾。

<script>

// By suppling no content attribute, the library uses each elements title attribute by default
   $('#about a[href][title]').qtip({
      content: {
         text: true // Use each elements title attribute
      },
      hide: { /*when: 'inactive',*/ delay: 800, effect: 'fade' },
      show: { effect: 'grow' },
      style: 'cream' // cream, dark, green, light, red, blue
   });

    //effects such as fade, slide, grow   
   // NOTE: You can even omit all options and simply replace the regular title tooltips like so:
   // $('#content a[href]').qtip();
</script>

它应该工作。 Lemme知道它是不是