jquery - 在这种情况下如何使用 jquery-modal 对话框？

Question

我已经在使用tablesorter.js它依赖于jquery.js文件。现在，我正在尝试使用原来依赖于jquery-1.9.1.js. 由于 2 个 jquery 不能在同一个模板上，我怎样才能让 tablesorter.js 和 jquery 对话框一起工作？如果我删除 jquery.js 并且只包含 jquery-1.9.1.js，我会得到：

Uncaught TypeError: Object [object Object] has no method 'tablesorter'

错误。

如果我删除 jquery-1.9.1.js 并且只包含 jquery.js ，那么我会收到以下错误：

Uncaught TypeError: Object #<Object> has no method 'dialog' 

我正在使用这样的 Javascript 和 css：

<script type="text/javascript" src="{{ STATIC_URL }}/js/jquery-latest.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}/js/jquery.tablesorter.js"></script>

 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

Answer 1

你的代码

<script type="text/javascript" src="{{ STATIC_URL }}/js/jquery-latest.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}/js/jquery.tablesorter.js"></script>

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

包含两个 jquery 库。

<script type="text/javascript" src="{{ STATIC_URL }}/js/jquery-latest.js"></script>

和

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

选一个。尝试这个

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}/js/jquery.tablesorter.js"></script>

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

如果再次发生错误，请尝试发布其他代码。

Answer 2

您需要删除以下行，

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

它应该看起来像，

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />  
<script type="text/javascript" src="{{ STATIC_URL }}/js/jquery-latest.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}/js/jquery.tablesorter.js"></script>  
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>