2015-11-23 48 views
-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> 

回答