2016-08-22 16 views
0

フロントエンドで作業するのはかなり新しいですが、私はJSがクライアント側で操作を実行するのに非常に便利だと考えています。JQuery 1.12.3(Datatables)がJQuery 1.7.2(JQuery-UI)と矛盾します

現時点では、flaskウェブサイトにデフォルトテンプレートを提供しています。

のみに使用このページでは、最近、私はpdfファイル(dialog内部iframe)でポップアップダイアログを開く必要が見つかりましたが、輸入が衝突していると、一度に二つのうちの一つを働くJQuery Datatable

が含まれています。

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> 

、ポップアップブツはである:表のロードに成功1.7.2なし

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

が、UIは次のエラーでクラッシュ:

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

このデータテーブルでは、l oad:

かなり醜いですが、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" /> 
関連する問題