【问题标题】:Jquery cycle scrubber plugin: adding links to imagesJquery 循环洗涤器插件:添加图像链接
【发布时间】:2012-08-18 08:38:00
【问题描述】:

我正在使用这个 jquery 插件,它可以让您浏览图像: http://thespiral.ca/jquery/scrubber/demo/

我正在尝试为每张图片添加一个链接,例如:

<div id="basic">
<a href="google.com"><img src="images/beach1.jpg" width="200" height="200" alt="Beach1" /></a>
<a href="yahoo.com"><img src="images/beach2.jpg" width="200" height="200" alt="Beach2" /></a>
<a href="bbc.com"><img src="images/beach3.jpg" width="200" height="200" alt="Beach3" /></a></div>

但脚本中的某些内容似乎阻止了链接,无论我做什么,图像都有一个“#”链接。

谁能帮忙?

更新: 我放了一个jsFiddle:http://jsfiddle.net/qdGXZ/

【问题讨论】:

  • “阻止链接”到底是什么意思?你能发布你正在使用的javascript吗? (如果您将 javascript 添加到此页面并提交 jsfiddle,则可以加倍积分)
  • 这里是 jsFiddle:jsfiddle.net/qdGXZ。通过“阻止链接”,我的意思是脚本中的某些内容似乎覆盖了我尝试用于带有“#”的图像的任何超链接

标签: javascript html image hyperlink cycle


【解决方案1】:

问题可能出在jquery.cycle.all.min.js。其中有一段代码可能会导致这种行为。这里是:

else{a='<a href="#">'+(i+1)+"</a>";}

评论它,看看会发生什么。这是给定示例中唯一可能导致此问题的代码。 要解决此问题,您需要将您定义的 href 属性传递给 else 案例并执行以下操作:

else{a='<a href="'+el.attr("href")+'">'+(i+1)+"</a>";}

我不知道这是否会有所帮助。只是不能做太多。现在您知道问题出在哪里以及应该采取什么措施来解决它。剩下的就看你自己了。

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-04-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-05-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多