JQuery flippy插件点击事件未触发

Question

我对jQuery Flippy插件的flippy插件标签有一个小问题http://blog.guilhemmarty.com/flippy/

我有一个带有p标签的div

<div id="divID">
<p id="pID" class="someClass">Some text
<a id="aID" href="#">Some text</a> </p>
</div>

和事件处理程序在我的页面

$("#aID").click(function(){
    var content = $("#divID").html();
$("#divID").flippy({
    direction:"LEFT",
    duration: "500",
    verso: content
 });    
});

问题是，当我单击元素来翻转div时，div会被翻转，但单击函数不会处理另一次单击。

我只能翻转div一次。当我把"a"元素放在div之外时，我可以随意翻转，但这不是我的目标。

有人能给我建议吗。

Answer 1

因为我在div中注册的所有事件侦听器在翻转div后都不可用，所以我在翻转后再次注册了这个侦听器

$(document).on("click", "#element", function(){ do something});

即：

在我的JSP中：`$（document）.ready（function（）{

$("#register").click(function() {
    switchRegister();
});
$("#forgPass").click(function() {
    forgPass();
});
});`  

在.js文件中：

/**将登录屏幕切换为注册屏幕*/

函数开关Register（）{var mainContent=$（"#LoginBox"）.html（）；

$("#btnLogIn").prop('value', regText);
$("#regProfile").hide();
$("#regPass").hide();
$("#iconName").show();
$("#regText").show();
$("#goBack").show();
var content = $("#LoginBox").html();
$("#LoginBox").flippy({
    direction:"LEFT",
    duration: "500",
    verso: content,
    onFinish: function() {
        $("#goBack").on("click", function(){
            $("#LoginBox").empty();
            backToLogin(mainContent, "right");
        });
    }
 });

}

/**返回登录屏幕*/

函数backToLogin（内容，方向）｛

if(direction == "right") {
    console.log("direction RIGHT");
    $("#LoginBox").flippy({
        direction:"RIGHT",
        duration: "500",
        verso: content,
        onFinish: function(){
            $(document).on("click", "#register", function(){
                switchRegister();
            });
            $(document).on("click", "#forgPass", function(){
                forgPass();
            });
        }
     });
} else {
    console.log(" direction Bottom");
    $("#LoginBox").flippy({
        direction:"BOTTOM",
        duration: "500",
        verso: content,
        onFinish: function(){
            $("#register").on("click", function(){
                switchRegister();
            });
            $("#forgPass").on("click", function(){
                forgPass();
            });
        }
     });
}

}

/**忘记密码*/函数forgPass（）｛

var mainContent = $("#LoginBox").html();
$("#btnLogIn").prop('value', passText);
$("#regPass").hide();
$("#regProfile").hide();
$("#iconPass").hide();
$("#regText").hide();
$("#goBack").show();
var content = $("#LoginBox").html();
$("#LoginBox").flippy({
    direction:"TOP",
    duration: "500",
    verso: content,
    onFinish: function() {
        $("#goBack").on("click", function(){
            $("#LoginBox").empty();
            backToLogin(mainContent, "bottom");
        });
    }
 });

}

Answer 2

尝试jQuery Flip和Git Hub URL