0

我正在尝试在 jQuery 中围绕 carousel 提供单击功能以聚焦图像（中心图像）。

http://fredhq.com/projects/roundabout/demos/images在这个 url 我需要点击功能，应该去其他网页。我只需要这个功能用于中心（焦点）图像而不是其他子图像。对于其他图像，它应该成为焦点，然后我需要点击才能发生。

例如 ：

单击中心或焦点图像时，我需要转到（打开新窗口）google.com

问题 ：

  1. 有没有办法为焦点图像调用 onclick 事件？
  2. 如果无法通过环形交叉路口旋转木马，是否还有其他支持此功能的旋转木马。
  3. http://fredhq.com/projects/roundabout 有没有我可以在点击事件中使用的 API？
4

1 回答 1

2

您可以利用focus插件触发的事件：

$('li').bind('focus', function(e){ console.log(e.target); })

li环形交叉路口的 HTML 的子节点在哪里，并且e.target将是当前位于轮播的焦点/前端和中心的 DOM 元素。

更新

我意识到仅focus事件并不是您所需要的全部，因为您希望在单击焦点元素时执行某些操作。对于这种情况，您可以使用 jQuery 的on()方法或delegate()（取决于您使用的 jQuery 版本）

// jQuery >= 1.7
$('ul').on('click', '.roundabout-in-focus', function(e) { console.log(this); });

// jQuery >= 1.4.2
$('ul').delegate('.roundabout-in-focus', 'click', function(e){ console.log(this); })

这使用事件委托将侦听器附加到父ul节点，该侦听器仅在被单击的元素具有roundabout-in-focus看起来像回旋处插件默认提供焦点类的类时触发，我认为我不能 100% 确定这是有保证的永远如此。在回调中，this指的li是被点击的元素。

于 2012-04-14T09:29:35.320 回答