Javascript 在Yii视图中使用jQuery插件表排序器
我试图在我的Yii视图中包含jQuery插件,用于“将带有THEAD和TBODY标记的标准HTML表转换为无需页面刷新的可排序表” 我知道CGridView在Yii中是一个更优雅的版本,但我主要感兴趣的是让jQuery插件工作。 到目前为止,尽管其他jQuery函数(例如,弹出窗口或切换按钮)可以工作,但该表是不可排序的 你知道我做错了什么吗? 我的看法是:Javascript 在Yii视图中使用jQuery插件表排序器,javascript,php,jquery,yii,tablesorter,Javascript,Php,Jquery,Yii,Tablesorter,我试图在我的Yii视图中包含jQuery插件,用于“将带有THEAD和TBODY标记的标准HTML表转换为无需页面刷新的可排序表” 我知道CGridView在Yii中是一个更优雅的版本,但我主要感兴趣的是让jQuery插件工作。 到目前为止,尽管其他jQuery函数(例如,弹出窗口或切换按钮)可以工作,但该表是不可排序的 你知道我做错了什么吗? 我的看法是: <?php Yii::app()->clientScript->registerCoreScript('htt
<?php
Yii::app()->clientScript->registerCoreScript('http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js');
Yii::app()->clientScript->registerScript('buttonscript',"
$('button').click(function(){
$('p').slideToggle();
});
",CClientScript::POS_READY);
Yii::app()->clientScript->registerScriptFile('/jquery.tablesorter.js');
Yii::app()->clientScript->registerScript('tablescript',"
$(document).ready(function()
{
$('#myTable1').tablesorter();
}
);
",CClientScript::POS_READY);
?>
<?php
echo "<p id='paragraph1'>This is a paragraph.</p>";
echo "<button id='button1'>Toggle between slide up and slide down for a p element</button>";
echo "<table id='myTable1' class='tablesorter'>
<thead>
<tr>
<th>Last Name</th>
<th>First Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>Smith</td>
<td>John</td>
</tr>
<tr>
<td>Jones</td>
<td>Martha</td>
</tr>
<tr>
<td>Noble</td>
<td>Donna</td>
</tr>
<tr>
<td>Smith</td>
<td>Mickey</td>
</tr>
</tbody>
</table>";
?>
浏览器的开发人员控制台说什么?它说“TypeError:$(…)。tablesorter不是一个函数”。我认为脚本没有以正确的方式包含。/jquery.tablesorter.js
中的'/'
指向您的web根目录。使用Yii::app()->baseUrl
如下所示: