-1
誰でもこの問題を解決できますか？ pop-up messageポップアップメッセージを特定の場所に転送
私は
<body>
<div class="contact-form-wrap responsive">
<!--- pop-up message start --->
<div class="status alert alert-success contact-status"></div>
<!--- pop-up message end --->
<form id="main-contact-form4" class="contact-form" name="contact-form" method="post" action="app.php" role="form">
<legend style="padding-bottom: 20px; color: #708090;">Please provide us your information.</legend>
<!-- Name Filed Starts -->
<div class="col-sm-6">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input type="text" class="form-control" name="name" id="name" required="required" placeholder="Full Name">
</div>
</div>
</div>
<!-- Name Filed Ends -->
<!---------------- Pop-up Message here ---------------->
<!-- Button starts -->
<div class="col-sm-12">
<div class="form-group">
<button type="submit" class="btn btn-primary btn-block">Submit</button>
</div>
</div>
<!-- Button Ends -->
</form>
</div>
</div>
</body>
以下、このコードを持っている私は、ボタンの上に私のポップアップメッセージを動かすのが好き。ボタンが押されるたびにポップアップメッセージがすぐに通知されます。ここ
私のjs
$(".contact-form").submit(function() {
var rd = this;
var url = "app.php";
$.ajax({
type: "POST",
url: url,
data: $(".contact-form").serialize(),
success: function(data) {
$(rd).prev().text(data.message).fadeIn();
}
});
return false;
});
問題を解決しますか？それを動かしてテストしますか？ CSSがどのように見えるか、そのポップアップがどのように機能するかはわかりません。 –
divのポップアップコードをボタンの上に移動しようとしましたが、ポップアップメッセージが表示されませんでした – Maru
あなたが試したことをお知らせし、起こったことを説明してください_all_関連コード（css/js）。コードがどのように見えるのか、実際の問題がわからない場合でも、私たちはあなたの手助けをすることさえできません。 _「働いていない」_は何かを意味する可能性があります。 –