点击事件未触发JQuery flippy插件

我对jQuery flippy plugin的

flippy

plugin标签有一个小问题

我有一个带有

p

标记的div

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

问题是，当我单击要翻转div的元素时，div被翻转，但是click函数不能处理另一次单击

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

---

有人能给我一些建议吗。

试试看，

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

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

i、 e:

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

在.js文件中：

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

函数开关寄存器（）{ var mainContent=$（“#LoginBox”）.html（）

}

/* *返回登录屏幕 */

函数backToLogin（内容、方向）{

}

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

---

}

你能在jsfiddle.net上为这个问题做个提琴吗？谢谢你的回答。不幸的是结果是一样的。翻转div后，里面的侦听器无法用于click（）在javascriptI中注册的事件我将尽快与您共享jsfiddle.net不幸的是，我找不到Flippy插件的URI并添加文件jquery.Flippy.jsI find solution。由于某些奇怪的原因，在翻转div后，在div中注册的所有事件侦听器都不可用，因此我在翻转

$（文档）后再次注册此侦听器。on(“click”、“#register”、function（）{switchRegister（）；

谢谢你的支持。我也有同样的问题。这个解决方案是强制的。它不能解决最初的问题。也许必须联系插件作者。在修复插件之前，我一直在用同样的解决方案解决它。我在这方面开始了一个悬赏。

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

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

});

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

});`  

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

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

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");
        });
    }
 });