Question

我有一个Wordpress 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');
});

请帮忙吗？

提前致谢。

Answer 1

当链接点击重定向到href url时，您无法触发本机事件。显然是出于安全原因。但您仍然可以重定向到href属性所针对的网址。

$(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
});

Answer 2

谢谢，但是您的解决方案在控制台中给了我一些错误： SyntaxError：意外的标记ILLEGAL

我改进并简化了我的方法：

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

现在它工作正常，只是我没有将光标更改为指针。有什么建议我可以通过这个改进吗？

将链接动态插入Shadowbox图像

2 个答案: