2013-05-16 26 views
0

我試圖在ajax調用完成後顯示元素的彈出窗口。除了ajax請求和第一次獲取數據之外,所有事情都可以工作,除非在發生鼠標懸停事件時不顯示數據。但是當您將鼠標懸停在其上時,您可以看到彈出窗口中的數據。我環顧這裏和網絡,發現類似的情況,但比我的情況(沒有鼠標懸停事件和AJAX)複雜。我明白,當我第一次把它叫做我的情況時,popover似乎不會被初始化。但事情是,我只能在調用ajax之後才能顯示它,而且必須是mouseenter。任何人都可以修改或引導我在第一次嘗試時顯示彈出窗口。感謝您的幫助(請注意,我的網頁上有兩個我只顯示其中一個)。在第二隻老鼠後Twitter引導彈出窗口顯示在第二次懸停和之後但不是第一次。

<a href="#" rel="popover" id="users">Access Count:</a> 

的Javascript

$('#users').mouseenter(function() { 
     $.ajax({ 
      type: "GET", 
      url: "/album/feature_getaccess", 
      data: { aID: modelID }, 
      success: function (result) { 
       $('#users').popover({ content: result, html: true, placement: 'top', trigger: 'hover', delay: { show: 500, hide: 1500 } }); 
      } 
     }); 
    }); 

工作正常。

回答

3

只需卸下了mouseenter東西時,酥料餅仍然會只出現在了mouseenter,因爲你有它設置爲trigger: 'hover'

$.ajax({ 
    type: "GET", 
    url: "/album/feature_getaccess", 
    data: { aID: modelID }, 
    success: function (result) { 
     $('#users').popover({ content: result, html: true, placement: 'top', trigger: 'hover', delay: { show: 500, hide: 1500 } }); 
    } 
}); 
+0

這樣做的一個原因可能是OP不想簡單地加載內容 –

+0

@ArunPJohny也許,但我相信他可能會這樣做,因爲'modelID'來自他的'mouseenter'之外的某個範圍,並且由於mouseenter是這個事件可能會頻繁發生,我不認爲他擔心發送額外的請求。 – Paulpro

+0

好的,謝謝!這工作完美! – user516883

相關問題