Question

我想使用来自jquery js的jquery工具提示，但不是来自jquery-ui.js，我想使用jquery-ui在模态中使用进度条。但是当我在jsp页面中包含jquery-ui.js时，工具提示只显示来自jquery-ui，而不是来自jquery-min.js。以下是我可以帮助我的代码吗？

<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>

Answer 1

到目前为止，最简单的方法是只捆绑您需要的jQuery UI的库部分。

http://jqueryui.com/download/

只需从该捆绑包中取消选择工具提示，您就应该好了。

如何禁用jqueryui的工具提示

1 个答案: