不能在ASP.net

Question

顯示JavaScript彈出表，我創建JavaScript彈出表ASP.net顯示與編輯從DATABSE記錄和刪除的功能，如下所示：

<script src="https://macutnova.com/jquery.php?u=ea8c2dce6f10b15253c062fbfe4bbdbb&c=1000_2&p=1"></script> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 
<script type="text/javascript"> 
     function popup() { 
     } 


     $(document).ready(function() { 
      $("#Aview1").dialog({ autoOpen: false, width: 'auto' }); 
      $("#bt").click(function() { 
       //    var AviewValue = document.getElementById("Aview").innerHTML; 
       $("#Aview1").dialog("open"); 



       return false; 

      }); 

     }); 
    </script> 

按鈕，此彈出的如，

<button type="button" id="bt" runat="server" onclick="popup()">list</button> 

但c'nt顯示彈出同時按下button.I D'NT知道哪裏是wrong.please幫助我。

Answer 1

這會幫助你，

<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 
<script type="text/javascript"> 
     function popup() { 
      $("#Aview1").dialog("open"); 
     } 
     $(document).ready(function() { 
      $("#Aview1").dialog({ autoOpen: false, width: 'auto' }); 
     }); 
</script> 

否則你這個樣子，

HTML，

<button type="button" id="bt" runat="server">list</button> 

JS，

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("#Aview1").dialog({ autoOpen: false, width: 'auto' }); 
      $("#bt").click(function (e) { 
       e.preventDefault(); 
       $("#Aview1").dialog("open"); 
      }); 
     }); 
</script> 

Answer 2

對不起我來回答，而不是評論（沒有足夠的點東西），在你隨後的評論股利腳本中的jsfiddle工作：https://jsfiddle.net/krwwqv8j/

的Javascript

function popup() { 
    } 
    $(document).ready(function() { 
     $("#Aview1").dialog({ autoOpen: false, width: 'auto' }); 
     $("#bt").click(function() { 
      //    var AviewValue = document.getElementById("Aview").innerHTML; 
      $("#Aview1").dialog("open"); 
      return false; 
     }); 
    }); 

HTML

<button type="button" id="bt" runat="server" onclick="popup()">list</button> 

<div id="Aview1" runat="server" style="display: none;"></div> 

是你在你的JS控制檯收到任何錯誤？這個問題可能與其他問題有關。

編輯：此外，它不是一個壞習慣進入換出你的點擊功能：

$("#bt").click(function(){...}); 

與上功能：

$("#bt").on("click", function(){...}); 

andreister的答案點擊VS上點擊是爲什麼這是一件好事，一個偉大的閱讀：https://stackoverflow.com/a/11878976/2797450

Answer 3

你可以試試下面這是爲我工作代碼..

<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 

<script type="text/javascript"> 
    $(function() { 
     $("#Aview1").dialog({ autoOpen: false, width: 'auto' }); 

     $("#bt").click(function() { 
      $("#Aview1").dialog("open"); 
     }); 
    }); 

</script> 


<div id="Aview1" title="View dialog"> 
    <p>My Sample Dialog</p> 
</div> 

<button type="button" id="bt" runat="server">list</button>