当我点击链接(href)时,只显示后台加载程序。但是定义的链接没有打开,屏幕在加载器屏幕中出现。在这个屏幕上我无法访问任何功能。我已经尝试了几个星期,但没有积极的结果。请帮我在添加的编码中找到错误
$(document).ready(function() {
var loading = $('<div>').prop('id', 'loading');
loading.html('<div id="stretch"></div><img src="assets/img/ring.gif" style="repeat:no-repeat;" /> Loading...');
//FOR TESTING
//alert( loading.text() ); //FOR TESTING ONLY!!!
$("#cmd").click(function() {
loading.appendTo('body');
var event = $(document).click(function(e) {
e.stopPropagation();
e.preventDefault();
e.stopImmediatePropagation();
});
// disable right click
$(document).bind('contextmenu', function(e) {
e.stopPropagation();
e.preventDefault();
e.stopImmediatePropagation();
});
});
});;
#loading {
background-color: white;
background-color: rgba(1, 1, 1, 0.7);
bottom: 0;
left: 0;
position: fixed;
right: 0;
text-align: center;
top: 0;
}
#loading * {
vertical-align: middle;
}
#stretch {
display: inline-block;
height: 100%;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li><a href="http://www.google.com/" id="cmd" ><i class="glyphicon glyphicon-tags"></i>Application</a></li>
答案 0 :(得分:1)
当你停止触发(点击)默认事件时,它当然没有做任何事情。
e.preventDefault();
这可以防止发生默认操作。但是,当您使用Javascript加载第三方网站时,您将遇到问题。