ajax成功后,cluetip无法首次点击实时元素

时间:2012-09-14 06:42:08

标签: javascript jquery jquery-plugins cluetip

在ajax成功之后的live元素上,cluetip下面的代码不能用于第一次单击,否则它可以顺利运行。 首次点击会出现什么问题?

  $('a.load-local').live('click', function(event) {
     $('a.load-local').cluetip({
        width: 'auto',
        activation: 'click',
        local:true,
        sticky: true,
        arrows: true,
        positionBy:'bottomTop',
       cursor: 'pointer',
       closePosition: 'top',
       closeText: '<img src="images/close1.jpg" alt="close" width="16" height="16"         
        style="position:absolute; right:5px; top:0px;" />'
    });
    event.preventDefault();
  });

2 个答案:

答案 0 :(得分:0)

我真的不知道cluetip,但是第一次点击是否有可能初始化点击元素的cluetip,然后它正常工作? (即使你每次点击都要重新实现它)

快速查看他们的演示页http://plugins.learningjquery.com/cluetip/demo/表明cluetip方法初始化,而不是调用。

答案 1 :(得分:0)

在您的代码中,每次单击锚点cluetip时,a.load-local都会被初始化。在我看来,只需要以下代码,您可以在$('document').ready()

中添加
 $('a.load-local').cluetip({
        width: 'auto',
        activation: 'click',
        local:true,
        sticky: true,
        arrows: true,
        positionBy:'bottomTop',
       cursor: 'pointer',
       closePosition: 'top',
       closeText: '<img src="images/close1.jpg" alt="close" width="16" height="16"
       style="position:absolute; right:5px; top:0px;" />'
    });