[英]Issue with opening modal dialog box on button click?
因此，我今天已經了解了模態窗口，並且在過去的兩個小時左右的時間里我一直在閱讀它們，但是我不太了解它們的實際工作方式。 我已經創建了一個.html文件草稿，並且按照w3school的教程進行操作，可以正常工作。 我什至編輯了所有.css代碼和一些html，以便將其移植到我的主項目中。
問題是，它不起作用。 對話框中應顯示的文本僅顯示在頁面的頂部/底部。 我究竟做錯了什么？ 我將為您提供html以及從中獲得模態框的鏈接 。 不需要頁眉和頁腳，因為這對我來說毫無意義。
我曾嘗試將div放置在很多地方，但老實說，我不知道將它們放在哪里或做什么。
這是我的代碼，無需我嘗試使模式框起作用
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Index</title> <link href="index.css" rel="stylesheet" type="text/css"> </head> <body class="Background"> <div class="BtLogin"> <a href="Login/paginalogin.php"> <input type="image" id="admin" src="http://i.imgur.com/I3D3nqm.png"> </a> </div> <form action="" id="myform" method="POST"> <table class="Table"> <tr> <td><input class="Button ButtonTxt" type="submit" name="ContBt1" form="myform" value="A"></td> <td><input class="Button ButtonTxt" type="submit" name="ContBt2" form="myform" value="B"></td> </tr> <tr> <td><input class="Button ButtonTxt" type="submit" name="ContBt3" form="myform" value="C"></td> <td><input class="Button ButtonTxt" type="submit" name="ContBt4" form="myform" value="D"></td> </tr> <tr> <td><input class="Button ButtonTxt" type="submit" name="ContBt5" form="myform" value="E"></td> <td><input class="Button ButtonTxt" type="submit" name="ContBt6" form="myform" value="F"></td> </tr> </table> </form> </body> </html>
我需要所有6個按鈕來做同一件事。 通過為他們提供相同的ID，我認為這行得通，對嗎？ 但是我的問題似乎是在div的位置。 你能幫我嗎？ 我不需要您修復整個代碼，只想知道我做錯了什么以及應該如何解決。
回到基礎。 您可以使用：target偽類創建一個純CSS模式窗口。 Mozilla有這樣一個基本的例子在這里 ，和動態驅動器具有更復雜的CSS莫代爾使用這種技術也是如此。
如何在不打開模態對話框的情況下為data-toggle =“modal”按鈕設置自定義單擊事件處理程序？
[英]How to set custom click event handler for data-toggle=“modal” button without opening modal dialog?
單擊Salesforce中的自定義按鈕后，如何關閉模式彈出對話框
[英]How to close modal pop up dialog box opened on click of a custom button in salesforce
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.