2016-08-22 147 views
0

我在使用前端方面很新颖,但是我发现JS对于在客户端执行操作非常有用。JQuery 1.12.3(Datatables)与JQuery 1.7.2冲突(JQuery-UI)

目前我正在使用默认模板为flask网站提供服务。

仅用于本页面包含一个JQuery Datatable

最近,我发现需要打开一个弹出对话框,PDF文件(iframedialog),但进口碰撞,只有在工作的时候两个中的一个。

DataTable中进口下面的:

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css"> <style type="text/css" class="init"></style> 
<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.3.js"></script> 
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 

且弹出式啄那些:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script> 
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/blitzer/jquery-ui.css" rel="stylesheet" type="text/css" /> 

没有1.7.2表加载成功,但用户界面,出现以下错误崩溃:

jquery-ui.js:9833 Uncaught TypeError: $.curCSS is not a function

有了它,数据表不会oad:

table:3704 Uncaught TypeError: $(...).DataTable is not a function

虽然这很可恶here是完整的模板代码。

+2

使用最新的jQuery UI的 –

+1

这实际上做的工作,我笨,千恩万谢的版本。 – EndermanAPM

回答

1

正如Pranav C Balan在评论中指出的,我只需要使用更新的JQuery-ui版本,它的工作完美无瑕。

这里是JQuery的进口与目前的最新版本:

<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js" type="text/javascript"></script> 
<link href="https://code.jquery.com/ui/1.12.0/themes/blitzer/jquery-ui.css" rel="stylesheet" type="text/css" />