單擊按鈕調用JavaScript函數后面的代碼 - C＃

Question

我有一個Js函數調用bootstrap模式彈出窗口。 我在按鈕點擊后從代碼后面調用這個Js函數。 問題是，當我點擊按鈕時，它顯示模態彈出窗口，但是當我導航到另一個頁面時（當我點擊另一個按鈕時，它導航到谷歌文檔閱讀器）並返回到主頁，它再次出現沒有任何按鈕點擊加載彈出窗口。 誰能幫我這個。

JS功能

<head>
 <script type="text/javascript">
            function showModal() {
                $('#viewOc').modal();
            };
    </script>
</head>

模態彈出代碼

 <div class="modal fade" id="viewOc" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4>TRIAL</h4>
                </div>
                <div class="modal-body">
                    LOREM IPSUM
                </div>
                <div class="modal-footer">
                    <a class="btn btn-primary" data-dismiss="modal">
                        Close
                    </a>
                </div>
            </div>
        </div>
    </div>

代碼背后

 protected void LinkButton1_Click(object sender, CommandEventArgs e)
            {
                //some operations here
                string script = "window.onload = function() { showModal(); };";
                ClientScript.RegisterStartupScript(this.GetType(), "modalShow", script, true); 
            }

Html代碼

<asp:LinkButton ID="LinkButton1" runat="server" Text="Click Here" CausesValidation="false" commandArgument='<%#Eval("value")%>' OnCommand="LinkButton1_Click"/>

Google文檔按鈕點擊事件

 protected void btnView_View(object sender, CommandEventArgs e)
        {
            //not sure if the below code is correct or wrong. But as of now im using this in my application. Didnt try it on server yet.
            string path = e.CommandArgument.ToString();
            Response.Redirect("http://docs.google.com/viewer?url=" + Server.UrlEncode(path),true);
        }

頁面加載

protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                IndexDocuments();

            }
        }

PS：我知道類似的問題，但在SO中提出了不同的問題。 由於我沒有足夠的聲譽來評論這個問題，我不得不發一個新帖子。

Answer 1

你應該點擊按鈕調用模型

$('buttonID').click(function(){ $('modalID').modal('show'); });

你正在調用window.onload上的模態，這就是為什么它在頁面加載時彈出的原因。

Answer 2

Vishal在下面提到了一種更好的處理方法。

$（'buttonID'）。click（function（）{$（'modalID'）。modal（'show'）;}）;

您可以使用帶有上述代碼的普通HTML按鈕，而不是使用ASP按鈕。

謝謝，Souvik

Answer 3

每次加載窗口時都綁定showModal（）。 像這樣更改代碼隱藏：

protected void LinkButton1_Click(object sender, CommandEventArgs e)
        {
            //some operations here
            ScriptManager.RegisterStartupScript(this, this.GetType(), "modalShow", "showModal()", true); 
        }

Answer 4

添加js和css引用

<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"> </script>

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<script type="text/javascript">
        function showModal() {
            $('#viewOc').modal();
        };
</script>

</head>

使用此代碼：

protected void LinkButton1_Click(object sender, CommandEventArgs e)
{
    //some operations here
    if(!ClientScript.IsStartupScriptRegistered("JSScript"))
    {
      ClientScript.RegisterStartupScript(this.GetType(),"JSScript",
      @"<script type='text/javascript'>showModal()</script>");
    } 
}

單擊按鈕調用JavaScript函數后面的代碼 - C＃

問題描述

JS功能

模態彈出代碼

代碼背后

Html代碼

Google文檔按鈕點擊事件

頁面加載

4 個解決方案

解決方案1
0 2016-05-18 06:35:04

解決方案2
0 2016-05-18 06:35:33

解決方案3
0 2016-05-18 06:40:10

解決方案4
0 2016-05-18 07:14:41

單擊按鈕調用JavaScript函數后面的代碼 - C＃

問題描述

JS功能

模態彈出代碼

代碼背后

Html代碼

Google文檔按鈕點擊事件

頁面加載

4 個解決方案

解決方案1 0 2016-05-18 06:35:04

解決方案2 0 2016-05-18 06:35:33

解決方案3 0 2016-05-18 06:40:10

解決方案4 0 2016-05-18 07:14:41

解決方案1
0 2016-05-18 06:35:04

解決方案2
0 2016-05-18 06:35:33

解決方案3
0 2016-05-18 06:40:10

解決方案4
0 2016-05-18 07:14:41