動態圖像ID的Jquery工具提示

我正在使用qtip2在頁面圖像上生成工具提示，其中id根據用戶是處於「創建」還是「編輯」模式而變化。當id =「how_create」時，我想生成一條消息，如果它是「how_edit」，我想生成另一條消息。當我在圖像上使用檢查員時，我可以看到ID實際上是按照它應該改變的。動態圖像ID的Jquery工具提示

但是，我只能在靜態模式下生成qtip。下面是我使用的代碼：

$（函數（）{

$('#make_tip').qtip({ 
content:'Make tip', 
style: {name: 'dark', tip: 'topLeft'} 
}); 

$('#how_create').on(function(){ 
    $(this).qtip({ 
     content:'Create', 
     style: {name: 'dark', tip: 'topLeft'} 
    }); 
}); 

$('#how_edit').on(function(){ 
    $(this).qtip({ 
     content:'Edit', 
     style: {name: 'dark', tip: 'topLeft'} 
    }); 
});

}）;

我得到靜態img id上的「Make Tip」消息 - 但它不會更改爲鏈接到動態圖像id的消息，即使id正在更改。

來源

2012-10-03 cdonahue

hrmm我沒有嘗試過這個，但它似乎應該有一個事件附加到你的on（）函數？像這樣：

$("#how_edit").on('click', function() {});

但作爲一種解決方案，我會建議看看.live（）函數。
但試試這個

$("#how_edit").live('click', function() { 
    //YOUR CODE HERE 
});

基本上，「活」功能會掃描你的DOM從「上」，這傳遞一個選擇可以是靜態選擇功能不同的選擇。

希望這會有所幫助，祝你好運！

來源

2012-10-03 18:49:15

謝謝，我認爲你是對的，它需要一個事件，所以我使用'鼠標懸停'，因爲那裏沒有鏈接。也試過'活'，但沒有快樂。現在它也不會提取靜態工具提示。神祕。 – cdonahue

哇...生活（）沒有工作？現在這很奇怪... 我現在唯一可以說的是改變你的ID選擇器#how_edit可能類選擇器，並嘗試如果工程？如果沒有，您將不得不重新初始化您的實況圖像加載部分的成功回調。 :( –

動態圖像ID的Jquery工具提示

回答

相關問題