防止页面重载jquery
prevent page to reload jquery
如果页面完全加载,代码对我来说很好,但问题是,如果页面处于加载模式,我点击链接,它会重新加载,我如何防止它重新加载。
$(document).ready(function(){
$('#myModal').on('show.bs.modal', function (e) {
e.preventDefault();
var key = $(e.relatedTarget).data('id');
$('#loadingmessage').show();
$.ajax({
type : 'post',
url : 'test.php',
data : 'key='+ key,
success : function(data) {
$('.modal-body').html(data);
},
complete: function() {
$('#loadingmessage').hide();
}
});
return false;
});
});
我的Html在这里
<a href='' data-toggle='modal' data-target='#myModal' data-id='1:2:3:4'>UP</a>
如果页面完全加载,我点击这个ajax调用是正常工作的,但当页面加载时,如果我点击页面开始重新加载,我如何防止它重新加载。
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Check Server Status</h4>
</div>
<div class="modal-body">
<div id="loadingmessage">Checking...</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<a href='#' data-toggle='modal' data-target='#myModal' data-id='1:2:3:4'>UP</a>
相关文章:
- jQuery position()/offset()值在重载时出错(chrome)
- jquery和页面重载
- jQuery页面重载时淡出
- 使用jQuery捕获iframe重载
- jQuery如何在页面重载时保留动态创建列表的选定选项
- jQuery UI 运算符重载
- Jquery不工作(也许AJAX重载-或者只是语法不好?)
- jQuery的Not页面重载功能不起作用
- Jquery-Mobile:如何重载/刷新内部页面
- 页面重载和保留复选框与PHP和JQUERY
- 如何在Ember或Jquery中重载页面
- javascript和jquery中的方法和函数重载
- 如何在jQuery-UI Datepicker中重载数据
- 如何重载页面时使用jquery.计数器触发完成.多个实例的倒计时事件
- Javascript jQuery地图可重载
- JQuery Mobile #首页链接重载页面
- 是否有一种优雅的方法可以在插件内部重载jQuery方法?
- 防止页面重载jquery
- 如何重载Jquery或Javascript函数而不重载页面
- 重载jquery插件的回调函数