寫的函數,在點擊事件,這將使用jQuery UI打開一個彈出。請參閱https://jqueryui.com/dialog/#modal-form
<script type="text/javascript">
$(function() {
function makeOrder(item_id) {
dialog = $("#dialog-form").dialog({
autoOpen: false,
height: 400,
width: 350,
modal: true,
buttons: {
"Make an order": makeOrder,
Cancel: function() {
dialog.dialog("close");
}
}
});
dialog.dialog("open");
}
})
</script>
<ul>
<li style="display: inline-block;" onclick="makeOrder('item_id')">
<img src="img/predjelo.png" class="md-trigger" data-modal="modal-18" alt="Image 1">
</li>
</ul>
<div id="order-form" title="Make order" style="display: none">
<p class="validateTips">All form fields are required.</p>
<form>
<!--order form-->
<fieldset>
<label for="name">Name</label>
<input type="submit" tabindex="-1" style="position:absolute; top:-1000px">
</fieldset>
</form>
</div>
什麼是您遇到麻煩的特定代碼,以及您到目前爲止有什麼? – Toby