jQuery的點擊功能不起作用

我已經寫在2013年VS的應用已經嵌套母版頁和主母版頁asp.net web應用程序有以下代碼：jQuery的點擊功能不起作用

<!DOCTYPE html> 
     <script src="http://code.jquery.com/jquery-latest.min.js" 
     type="text/javascript"></script>

我的網頁形式由下列代碼也：

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server"> 
</script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#textbox1').click(function() { 
       alert('Hello'); 
      }); 
     }); 
    </script> 

<div class="form-group"> 
    <label class="control-label">Name</label> 
    <input type="text" id="textbox1" class="form-control" placeholder="Name" maxlength="50" runat="server"> 
</div>

當我生成項目，並在瀏覽器（無論是IE或鉻）上運行，我點擊「TextBox1的」和瀏覽器什麼都不做。

感謝您的幫助。

來源

2017-06-13 Sertan Pekel

標籤此刻的切割遺忘和粘貼..道歉。 –

此時應更換此：

$('#textbox1')

與此：

$('#<%=textbox1.ClientID%>')

你的文本框是一個服務器端控制。因此，您必須閱讀ClientID，才能讀取由ASP.NET生成的HTML標記的標識。欲瞭解更多信息，請看看here。一般來講，因爲它是在以前的鏈接指出：

當Web服務器控件呈現爲一個HTML元素的HTML元素的ID 屬性設置爲客戶端ID 屬性的值

此外，您必須刪除結束script標記，</script>，就在您的腳本開始script標記<script>之前。

來源

2017-06-13 05:02:42 Christos

爲我工作，謝謝。 –

不客氣！ – Christos

您在asp標籤後立即有額外的</script>標籤。

嘗試沒有它相同的代碼：這裏

<script src="https://code.jquery.com/jquery-latest.min.js"type="text/javascript"></script> 

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server"> 
</script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#textbox1').click(function() { 
       alert('Hello'); 
      }); 
     }); 
    </script> 

<div class="form-group"> 
    <label class="control-label">Name</label> 
    <input type="text" id="textbox1" class="form-control" placeholder="Name" maxlength="50" runat="server"> 
</div>

工作對我來說：https://jsfiddle.net/mutjg5sq/

來源

2017-06-13 05:04:21

試試這個，希望它可以幫助你

腳本：

<script src="https://code.jquery.com/jquery-latest.min.js"type="text/javascript"></script>

HTML：

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server>

的Jquery：

<script> 
    $('#textbox1').click(function() { 
        alert('Hello'); 
       }); 
</script>

來源

2017-06-13 05:13:59 user688

jQuery的點擊功能不起作用

回答

相關問題