关于bootstrap-modal弹出的问题

zhouyong1206 2015-09-14 01:05:12
最近项目里用到了bootstrap-modal,因为modal默认是没有垂直对齐的,所以打算新写个方法替换掉原始的adjustDialog 方法,贴代码

页面
<div id="modal_test" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
<div class="modal-dialog">
<div class="modal-content" id="modal-contentttt">
this is a modal!
</div>
</div>
</div>


JS
$.extend($.fn.modal.prototype.adjustDialog = function(){
alert('aaa');
});


调用弹出
$('#modal_test').modal();

不管怎么样,都调用不到我的方法,求大神指教,在线等。
...全文
166 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
zhouyong1206 2015-09-16
  • 打赏
  • 举报
回复
引用 1 楼 showbo 的回复:

    $.extend($.fn.modal.Constructor.prototype, {
        adjustDialog: function () {
            alert('aaa');
        }
    });

    $('#modal_test').modal('adjustDialog');
或者作为jquery的方法
   $.extend($.fn, {
        adjustDialog: function () {
            alert('aaa');
        }
    });

    $('#modal_test').modal().adjustDialog()
解决了,十分感谢!
  • 打赏
  • 举报
回复

    $.extend($.fn.modal.Constructor.prototype, {
        adjustDialog: function () {
            alert('aaa');
        }
    });

    $('#modal_test').modal('adjustDialog');
或者作为jquery的方法
   $.extend($.fn, {
        adjustDialog: function () {
            alert('aaa');
        }
    });

    $('#modal_test').modal().adjustDialog()

87,964

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧