我已经这么做了好几天没有运气了。在这里尝试了问题/回答但是无法弄清楚如何修复我的(尝试用代码中的.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;
});
};
上的我的测试链接
点击关于,关键字 DESIGNER & ONE STOP SHOP 应该显示jquery样式的工具提示,但它不起作用,除非你转到页面本身http://eddiepotros.com/test/pages/about.html然后它工作(在那里加载jquery但是即使我删除它,仍然赢了
点击投资组合,同样的问题。 jQuery代码不能在那个页面/ div上工作,除非你直接去它eddiepotros.com/test/pages/portfolio.php
有什么建议吗? 为了清楚起见,我不知道我发布的代码是否可以解决我的问题。我只是猜测,但它似乎并没有按照前两条评论做任何事情。 我的问题是没有jQuery可以从ajax加载的div
调用我已经在这么久的时间里一直在努力,而且还没有幸运!
答案 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知道它是不是