單擊帶有asp.net core MVC的按鈕后顯示模式

Question

我正在嘗試使用asp.net-core 2.0 MVC實現語義UI模態，單擊按鈕后應該顯示該模態，但是嘗試搜索5個小時后，我沒有解決方案。 我如何為這種情況定義事件處理（它也不適用於控制器）。

的JavaScript

 <script> function toggle_modula(id) { document.getElementById(id).innerHTML = '<div class="ui container"><div class ="ui modal"><div class="header">Hi There!</div></div></div><div class ="Content">hello World</div>'; run(); } </script> <script>function run() { $('.ui.modal').modal('toggle'); }</script>

 <script src="https://semantic-ui.com/dist/semantic.min.js"></script> <link href="https://semantic-ui.com/dist/semantic.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <button id="editButton" onclick="toggle_modula('insertcodehere');">Click Me</button> <div id="insertcodehere"></div>

參考：語義UI信息

非常感謝您，不便之處，敬請原諒！

Answer 1

如果我用以下代碼創建一個html頁面，它將顯示一個“單擊我”按鈕。

單擊按鈕后，它在按鈕下方顯示“ hello World”，並彈出模式，顯示“ Hi there！”。 這是預期的行為嗎？

唯一的變化是：

刪除多余的腳本標簽

將jquery腳本標簽移至語義腳本上方

 <doctype html> <head> <!--NOTE!!!! Jquery script imported ABOVE semantic-ui to ensure it is available--> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"> <script src="https://semantic-ui.com/dist/semantic.min.js"></script> <link href="https://semantic-ui.com/dist/semantic.min.css" rel="stylesheet"/></script> <script> function toggle_modula(id) { document.getElementById(id).innerHTML = '<div class="ui container"><div class ="ui modal"><div class="header">Hi There!</div></div></div><div class ="Content">hello World</div>'; run(); } function run() { $('.ui.modal').modal('toggle'); } </script> </head> <body> <button id="editButton" onclick="toggle_modula('insertcodehere');">Click Me</button> <div id="insertcodehere"></div> </body>

我相信腳本的順序是這里的關鍵。 希望這可以幫助！ 編輯添加：要測試，請將代碼粘貼到文本文件中，另存為index.html並在瀏覽器中運行。 與您的其他代碼隔離可能有助於確認什么在起作用，什么在不起作用。

單擊帶有asp.net core MVC的按鈕后顯示模式

問題描述

1 個解決方案

解決方案1
0 2018-12-04 05:58:22

單擊帶有asp.net core MVC的按鈕后顯示模式

問題描述

1 個解決方案

解決方案1 0 2018-12-04 05:58:22

解決方案1
0 2018-12-04 05:58:22