我如何在插件wordpress中使用引导程序通知

时间:2015-11-02 10:26:10

标签: jquery css wordpress twitter-bootstrap

您可以在AJAX请求之前禁用提交按钮,并在收到服务器的成功响应时向用户显示消息。

由于我已经使用了bootstrap,我想要真正使用bootstrap notiifcations,以便在右下角显示一条消息我正在为表单发布创建一个插件。如何关闭模态uppon成功并显示notiifcaiton而不是aleart。

例如,包含类似

的内容
<div class="alert alert-success alert-dismissible" id="points-success" role="alert">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  <strong>Success!</strong> Great! Your points have been redeemed.
</div>

在您的表单中,默认隐藏在css中,并在Ajax成功回调中显示它。

jQuery(document).ready(function(){

    jQuery("#submit").click(function(){
        var points = jQuery("#points]").val();
        jQuery(this).prop("disabled", true);
        jQuery.ajax({
            type: 'POST',
            url: MyAjax.ajaxurl,
            data: {"action": "updateRedeemPoints", "points":points},
            success: function(data){
                 jQuery("#points-success").show();
            }
        });
   });

好的,所以使用它确实有效,但它将我的信息放在我的引导对话框下面,所以我想知道我将如何去做

0 个答案:

没有答案