1

アラートボックスを「拡張」して、たとえば確認ボックスやプロンプトボックスを表示したいのですが、コールバック関数を近くで使用して、たとえばデータベースに情報を保存したいと考えています。

私のアラートボックスの構造は次のようになります:

<div data-alert class="alert-box success">
    <a href="#" class="close">&times;</a>
    <h4>This is a <span class="bold">title</span></h4>
    <p>This is an error alert a bit more complex.</p>
    <p>
        <a href="#" class="button alert-box-close">Close</a>
        <a href="#" class="button alert">Cancel</a>
    </p>
</div>

.alert-box-close私が抱えている問題は、クラスがクラスのようにどのように機能する.closeかです。

助けてくれてありがとう

4

3 に答える 3

1

jquery を使用してアラート ボックスを非表示にします

   <div data-alert class="alert-box">
   <!-- Your content goes here -->
   <a href="#" id="closebutton" class="alert button">close</a>
   </div>

そしてjqueryは、

   $( "#closebutton" ).click(function() {
      $(this).parent().hide();
   });
于 2013-12-05T09:45:05.487 に答える
1

ファイルに移動 (各モジュールを個別にロードする場合)

foundation.alert.js

23行目

$(this.scope).off('.alert').on('click.fndtn.alert', '[' + this.attr_name() + '] a.close', function (e) {

あなたはそれをそのようにします

$(this.scope).off('.alert').on('click.fndtn.alert', '[' + this.attr_name() + '] a.close, .any-class-name', function (e) {
于 2014-03-04T22:23:16.897 に答える
0

この方法は私のために働きます。

$(".alert-box .close").click(function(e) {
    e.preventDefault();
    $(this).parent().hide();
});

そして、再び表示する前に、次のようなものを置くことができます:

$(".alert-box")
                    .removeClass("alert-close")
                    .removeClass("hide")
                    .addClass("success")
                    .show();
于 2015-04-23T20:49:06.313 に答える