jQuery contentcarousel 克隆绑定事件失败

Question

我正在使用 jQuery 轮播来循环滚动一些项目。

我需要满足以下条件：

• 当单击第一项并单击“后退”按钮时，必须显示最后一项。
• 当在最后一个项目上单击“下一个”按钮时，必须显示第一个项目。

轮播中的元素是绑定了点击事件的 a 标签。这些项目以循环方式显示，但是当我单击 case1 和 case2 事件之后的项目时，不会触发。

克隆项目后，锚点不会绑定到事件并且不会触发。我的锚点 onclick 函数使用命名空间函数。

注意：我的代码使用 clone(true)

代码：

<a title="click me" href="" id="elementid"> 
    <xsl:attribute name="behavior.ID">GoClick</xsl:attribute>
    <xsl:attribute name="behavior.autobind.GoClick">onclick</xsl:attribute>
    <xsl:attribute name="behavior.GoClick.streamname">
        <xsl:value-of select="streamname" />
    </xsl:attribute> 
    click me 
</a> 

public void GoClickEventHandler(sender,args) { //do something here } 

Answer 1

我在这里猜测没有看到您的代码，但是因为您在页面加载后动态创建元素，所以您将需要使用 live() 或 delegate() 进行绑定它们的事件处理程序，而不是 click()。

Live() 的使用方式如下：

$("#myAnchor").live("click", function() {
    // stuff to do on click
});

delegate() （性能更好）的使用方式如下：

$("#anchorParent").delegate("#myAnchor", "click", function() {
    // stuff to do on click
});

Answer 2

要使 jQuery 轮播成为循环，您必须执行以下操作：

// Looping carousel
$("div").carousel( { loop: true } );

loop: true 选项将使其循环。