2012-11-17 44 views
0

我有一個加載圖像和描述的Wordpress Shadowbox。說明中有一些鏈接,我想將該鏈接放置在圖像上,因此當用戶單擊圖像時,它會打開此鏈接。動態地將鏈接插入到Shadowbox圖像

我試過這個腳本,但它肯定有一些缺陷:它只會在點擊一次圖片後纔會鏈接,並且它不打開「a」,以便新鏈接可用於其他動態加載圖片。

$("#sb-wrapper-inner").live("click", function(){ 
    var $link = $("#sb-title-inner a").attr("href"); 
$(this).wrap("<a></a>").parent("a").attr("href", $link).trigger('click'); 
}); 

請幫忙嗎?

在此先感謝。

回答

0

您不能觸發本地事件,因爲鏈接點擊重定向到href網址。顯然是出於安全原因。 但是你仍然可以重定向到由href屬性指定的url。

$(document).on("click","#sb-wrapper-inner", function(){ 
    var link = $("#sb-title-inner a").attr("href"); 
$(this).wrap("<a></a>").parent("a").attr("href", link); 
    window.location​​​​​​​​​​​​​ = link;​ //or use window.location.replace(link) if you dont care about browser's history 
}); 
0

謝謝,但您的解決方案給了我在控制檯的一些錯誤: 語法錯誤:意外的令牌非法

我改進和簡化我的方法是這樣的:

$("#sb-wrapper-inner").live("click", function(){ 
if ($("#sb-title-inner a").length > 0) { 
    var link = $("#sb-title-inner a").attr("href"); 
    window.location = link; 
} 
}); 

現在,它的工作原理沒問題,只有我沒有將光標更改爲指針。 任何建議如何我可以改善它呢?