Question

我创建了一个弹出窗口，允许用户编辑一个值，然后他们可以再次提交

HTML：

<body>
<input id="submit" type="submit" value="Submit" data-theme="b" data-icon="check" data-rel="popup"/>
<div id="success" data-role="popup">
</div>
<div id="fail" data-role="popup">
    <p>Fail</p>
</div>
</body>

jQuery：

$('#submit').click(function(){
    var doStuff = true;
    if(doStuff === true){
        $("#success").empty();
        $("#success").append('<p> <input type="text" value="' + doStuff + '" /> <input type="submit" id="popupConfirm" value="Submit" /> </p>');
        $("#success").popup("open");
    }else{
        $("#fail").popup("open");
    }
});

$('#popupConfirm').click(function(){
    console.log("jhasgd");
});

目前点击不起作用，这就是为什么我在console.log中有胡言乱语，而且我也不确定如何获得输入的输入值。

所以我的问题首先是如何让提交点击工作，然后输出他们写的内容？

fiddle代码

Answer 1

$(document).on('click', '#popupConfirm', function(){
    console.log("jhasgd");
});

Answer 2

你在哪里添加jQuery代码？如果要将它全部添加到HTML之上，它可能会尝试在#submit输入存在于DOM之前绑定它。您是否可以尝试将代码打包到文档中，以便在DOM填满之前不会执行单击绑定。

$( document ).ready(function() 
{
    $('#submit').click(function(){
        console.log("clicked the button");
    });
});

编辑：我刚刚看到你在上面发现的评论。你没有真正提供代码解决方案，所以我将保留原样。

jQuery Popup提交没有响应

2 个答案: