Question

我正在动态生成模态框。在那个模式我有两个按钮。是的＆amp;没有。否将关闭模态，这是正常的。单击是按钮时我遇到问题。

用户点击“是”后，它将更新数据库。这是代码。

var modalval='<a href="#" id="btnYes1" name="btnYes1" data-dismiss="modal" aria-hidden="true" class="btn btn-success">Yes</a>';
                    modalval += '<a href="#" data-dismiss="modal" aria-hidden="true" class="btn btn-danger">No</a>';    $('#modaltext').append(modalval);

用于生成模态框的代码。你可以看到我尝试了2-3件事，但它没有用。

.menu_button {
    width: 19%;
    height: 30px;
    background: #1A3F73;
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid black;
    border-radius: 5px;
    color: #f4f442;
    font-weight: bold;
    font-size: 13px;
}

.menu_button ul {
    margin-top: 10px;
    background: #1A3F73;
    list-style-type: none;
    width: 100%;
    display: none;
    margin-left: 0px;
    background: rgba(128,128,128,0.7);
}

.menu_button li {
    height: 30px;
    background: #1A3F73;
    margin: 0px;
    width: 100%;
    opacity: 1;
}

Answer 1

将事件监听器附加到document。

$(document).on("click", "#btnYes1", function(e) {
    // Your code..
});

Answer 2

您的jQuery只会运行一次 - 首次加载页面时。那时“btnYes1”元素不存在。

您需要在生成模态并且页面上有按钮后注册事件。

// after modal has been generated
$("#btnYes1").on("submit", function(e) {
    e.preventDefault();
    alert('working');
});

例如，将该代码置于加载模式的AJAX调用中。

单击按钮不在模态中工作

2 个答案: