-1
我想從jquery js中使用jquery工具提示,但不能從jquery-ui.js中使用,我希望使用jquery-ui的模態中的進度條。但是,當我在jsp頁面中包含jquery-ui.js時,工具提示僅從jquery-ui中顯示,而不是從jquery-min.js中顯示。下面是我的代碼,你可以幫我嗎?如何禁用jQuery的工具提示
<link href="<%=context%>/resources/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="<%=context%>/resources/bootstrap/bootstrap-theme.min.css" rel="stylesheet">
<link href="<%=context%>/scripts/jqueryui/jquery-ui.css" rel="stylesheet">
<script src="<%=request.getContextPath()%>/scripts/jqueryui/jquery-1.11.1.min.js"></script>
<script src="<%=context%>/resources/bootstrap/bootstrap.min.js"></script>
<script src="<%=request.getContextPath()%>/scripts/jqueryui/jquery.fileDownload.js"></script>
<script src="<%=request.getContextPath()%>/scripts/jqueryui/jquery-ui.js"> </script>
<div class="source">
<div id="preparing-file-modal" title="Preparing report..." style="display: none;">
We are preparing your report, please wait...
<div class="ui-progressbar-value ui-corner-left ui-corner-right"
style="width: 100%; height: 22px; margin-top: 20px;">
</div>
</div>
<div id="error-modal" title="Error" style="display: none;">
There was a problem generating your report, please try again.
</div>
</div>
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
$(document).on("click","a.downloadCsr",function(){
var preparingFileModal = $("#preparing-file-modal");
$(preparingFileModal).dialog({ modal: true });
return false;
});
});
</script>
<style>
.ui-progressbar-value {
background-image: url(<%=context%>/images/pbar-ani.gif);
}
</style>