javascript - 当我选择下拉值来更改数据时，图像模态不起作用

Question

这个问题已经存在:

Image Modal Not Working properly content page not hide and image was not showing properly in asp.net

已关闭 6 年前。

在我的应用程序中，我的一个页面包含下拉菜单，当我运行应用程序时，我有图像模式，第一次打开该页面，而不选择下拉值，当我单击图像模式时，它工作正常，并且显示弹出窗口。当我选择下拉值时，我再次单击图像模式，它不起作用。

谢谢

Answer 1

使用 UpdatePanel 时，您需要在 PostBack 后重新绑定(bind) javascript。

将您的 JavaScript 封装在一个方法中。

<script type="text/javascript">
    $(document).ready(function () {
        bindModal();
    });

    function bindModal() {
        // Get the modal
        var modal = document.getElementById('myModal');

        //rest of your javascript code
    }
</script>

然后在触发 OnSelectedIndexChanged 事件时从代码后面调用该方法。

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
    ScriptManager.RegisterStartupScript(Page, Page.GetType(), "bindModal", "bindModal();", true);
}