jQuery的提示，使HREF標題消失

Question

我敢肯定，這是一個簡單的問題..我已經浪費了太多的時間已經在它

我有如下形象：

<img src="/_/img/icons/103-map.png" alt="Find Me" title="come and find me..." class="action findMe_map"/> 

而下面JavaScript的使用jQuery的1.2.6工具：

<script> 
    $(document).ready(function() { 

    // create custom animation algorithm for jQuery called "bouncy" 
    $.easing.bouncy = function (x, t, b, c, d) { 
     var s = 1.70158; 
     if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; 
     return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; 
    } 

    // create custom tooltip effect for jQuery Tooltip 
    $.tools.tooltip.addEffect("bouncy", 

     // opening animation 
     function(done) { 
      this.getTip().animate({top: '+=15'}, 500, 'bouncy', done).show(); 
     }, 

     // closing animation 
     function(done) { 
      this.getTip().animate({top: '-=15'}, 500, 'bouncy', function() { 
       $(this).hide(); 
       done.call(); 
      }); 
     } 
    ); 

    $('img.findMe_map').click(function() { 
     event.preventDefault(); 
     console.log(this); 
     $('img[title]').tooltip({effect: 'bouncy'}); 
    }); 
</script> 

• 當我使用上面的代碼，標題由消失輸出和工具提示不顯示我想這個問題解決

• 當我註釋掉click()的提示行，單擊圖像，「來找我......」出現在安慰。

困惑。

Answer 1

說明

當您初始化它時，所有工具提示選項都可以進行配置。

$("#demo img[title]").tooltip({ 
    effect: 'bouncy', 
    tipClass: 'foo', 
    ... 
}); 

事件不會按照您習慣的方式進行控制。
在初始化工具提示他們實際上配置：

$("#demo img[title]").tooltip({ 
    effect: 'bouncy', 
    events:{...} 
}); 

你可以閱讀更多關於它here。

我猜你想讓它在你點擊它時反彈，就像它那樣here。

---

解決方案

Here's a working solution on JSFiddle與您如何使用事件3個不同的例子。
..雖然它看起來不像它們在他們的網站上那麼酷，但它展示了它的工作原理！

// create custom animation algorithm for jQuery called "bouncy" 
$.easing.bouncy = function (x, t, b, c, d) { 
    var s = 1.70158; 
    if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; 
    return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; 
} 

// create custom tooltip effect for jQuery Tooltip 
$.tools.tooltip.addEffect("bouncy", 

    // opening animation 
    function(done) { 
     this.getTip().animate({top: '+=15'}, 500, 'bouncy', done).show(); 
    }, 

    // closing animation 
    function(done) { 
     this.getTip().animate({top: '-=15'}, 500, 'bouncy', function() { 
      $(this).hide(); 
      done.call(); 
     }); 
    } 
); 

//Manage all the settings here, and only do it once 
$("img.findMe_map").tooltip({ 
    effect: 'bouncy', 
    events: { 
     def: "click, mouseout", // default show/hide events for an element 
    } 
}); 

文檔

所有的文檔都可以找到here。

快樂編碼！ :)