工具提示關閉按鈕

我正在使用tooltipster，並有一個工具提示，顯示何時單擊菜單按鈕（此位工作正常）。我在使用工具提示中的關閉按鈕關閉工具提示時遇到了問題。工具提示關閉按鈕

我必須錯過一些非常簡單的事情。

HTML

<span class="tooltip-email-share"> Stuff </span> 

<!-- is triggered by this link --> 
<ul> 
<...> 
<li><a class="menu-share"></a></li> 
<...> 
</ul>

HTML工具提示（以防萬一）

<div class="tt-email-share"> 
    <span class="tt-close"></span> 
    <h1>Title</h1> 
    <form> 
    </form> 
</div>

// initiates the tooltip - trigger set to custom & autoClose is false, so it wont close without pressing the close button. 

$('.tooltip-email-share').tooltipster({ 
    theme: 'tooltipster-html-shadow', 
     interactive: 'true', 
     autoClose: 'false', 
     position: 'bottom', 
     speed: '200', 
     trigger: 'custom', 
    content: $('HTML Stuff in here') 
    }); 

// Shows the tooltip (this bit works a charm) 

    $('.menu-share').click(function(){ 
     $('.tooltip-email-share').tooltipster('show');  
    }); 

// *should* close the tooltip (doesn't work) 

    $('.tt-close').click(function(){ 
     $('.tooltip-email-share').tooltipster('hide'); 
    });

來源

2014-09-22 Sarah

我發現如果代碼附加到工具提示之外的按鈕上，它會關閉。不知道該怎麼做在這一點.. – Sarah 2014-09-22 21:27:16

我還沒有嘗試過這個插件，但發現這關閉工具提示。希望能幫助到你。 $（ '提示，電子郵件股 '）的數據（' plugin_tooltipster'）hideTooltip（）。 – DinoMyte 2014-09-22 21:47:39

沒有骰子不幸的是，謝謝你的提示！ – Sarah 2014-09-22 22:00:06

解決方案是（丙s給一位同事幫助我解決這個問題）：

關閉按鈕在我瞄準它的時間點不存在。所以我必須添加一個functionReady函數來在加載工具提示後運行點擊式腳本。

運行完美。

$('.tooltip-email-share').tooltipster({ 
    theme: 'tooltipster-html-shadow', 
    interactive: 'true', 
    autoClose: 'false', 
    position: 'bottom', 
    speed: '200', 
    trigger: 'custom', 
    content: $('HTML stuff in here'), 
// new function here 
    functionReady: function(){ 
     $('.tt-close').click(function(){ 
      $('.tooltip-email-share').tooltipster('hide'); 
     }); 
    } 
});

來源

2014-09-23 04:53:07 Sarah

我剛剛發佈了一個可能適用於您的Reddit主題的解決方案，雖然這種方法很好！ – Ennui 2014-09-23 04:59:01

哦拉德！我正要在那裏檢查。感謝您花時間研究它:)欣賞它。 – Sarah 2014-09-23 05:08:35

您還可以使用tooltipster函數參數，因此您不必命名選擇器。

這是我工作的唯一方式，因爲我的工具提示是在ajax加載的內容中生成的。工具提示對象可讓您訪問工具提示DOM，並且使用原始對象可更好地用於動態內容，類或ids。

functionReady: function(origin, tooltip) { 
    $(tooltip).on('click', '. tt-close', function(){ 
     $(origin).tooltipster('hide'); 
    }); 
}

來源

2015-05-28 23:10:51

工具提示關閉按鈕

回答

相關問題