我試圖在視圖中顯示/隱藏一個模態，該視圖在我的腳本部分中有一個淡入淡出類，但它沒有顯示。請問，我做錯了什么？代碼附在下面。
風景：
<div class="modal modal-top fade" id="showModal">
<div class="modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><span class="font-weight-bold">Add City of choice</span></h4>
<button id="btn" type="button" class="close" data-dismiss="modal" aria-label="Close">x</button>
</div>
<div class="modal-body">
<div class="form-row">
<div class="form-group col">
<label class="form-label">Name</label>
<input type="text" class="form-control" placeholder="Enter City" required name="name" value="" />
</div>
<div class="form-group col">
<label class="form-label">Rate</label>
<input type="number" class="form-control" placeholder="Enter Rate" required name="rate" value="" />
</div>
</div>
<div class="form-group">
<label class="form-label">Min Order</label>
<input type="number" class="form-control" placeholder="Enter Min Order" name="minOrder" value="" />
</div>
<div class="form-group mt-3">
<label class="switcher">
<input type="checkbox" class="switcher-input" name="allowFree" value="" />
<span class="switcher-indicator">
<span class="switcher-yes"></span>
<span class="switcher-no"></span>
</span>
<span class="switcher-label">Free Delivery</span>
</label>
</div>
<button id="hideModal" type="submit" class="btn btn-primary button button4">Submit</button>
</div>
</div>
</div>
<div class="modal-footer">
<button id="btnClose" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Save</button>
</div>
</div>
劇本：
<script type="text/javascript">
$(document).ready(function () {
$("body").on("change", "#ddlStates", function () {
$("#hfStateName").val($(this).find("option:selected").text());
});
$("#submitBtn").click(function () {
var value = $("#selectedState").val();
$('#ListSubmit').append(value);
});
// Displaying the City details modal
$("#submitBtn").click(function () {
$("#showModal").modal("show");
// Close modal on button click
$("#hideModal").click(function () {
$("#showModal").modal("hide");
});
});
</script>
uj5u.com熱心網友回復：
});在你的第二次submitBtn點擊功能結束時需要，但你最好只為一個按鈕創建一次點擊功能：
$(document).ready(function () {
$("body").on("change", "#ddlStates", function () {
$("#hfStateName").val($(this).find("option:selected").text());
});
$("#submitBtn").click(function () {
var value = $("#selectedState").val();
$('#ListSubmit').append(value);
$("#showModal").modal("show");
});
// Close modal on button click
$("#hideModal").click(function () {
$("#showModal").modal("hide");
});
});
結果：
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/360731.html
標籤：javascript asp.net核心 看法 引导模式 脚本