Yii:yii中带有Bootstrap冲突问题的jQuery

时间:2014-05-23 18:43:02

标签: javascript php jquery twitter-bootstrap yii

我正在Yii开发一个网站我在registerScriptFile中面临一个问题

我的视图中包含以下脚本。

Yii::app()->clientScript->registerCoreScript('font-awesome');
Yii::app()->clientScript->registerCoreScript('angular');
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/js/angular/controllers/ListController.js');
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/js/angular/controllers/pagination.js');
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/js/angular/filters/filters.js');
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/js/jquery.tools.min.js');
//Yii::app()->clientScript->registerScriptFile('https://code.jquery.com/ui/1.10.3/jquery-ui.js');

Yii::app()->clientScript->registerScriptFile('https://code.jquery.com/jquery-1.9.1.js');
Yii::app()->clientScript->registerScriptFile('https://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.5.0.js');

Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/js/jquery.maskedinput.min.js');

Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/js/listView.js');

你可以看到jquery-ui.js被评论,当它被评论时,工具提示开始工作,但是我创建的对话框不起作用,所有对话框项目显示在主屏幕上。大多数事情没有正常工作,&当我取消注释保存jquery-ui.js时,工具提示不起作用,但对话框开始正常工作,所有其他事情都正常工作,所以我需要工具提示和对话框&其他项目工作,

我用它来显示工具提示

$("[data-toggle='tooltip']").tooltip();

我认为问题出在jQuery& bootstrap conflect ... 我也使用$.noConflict(); $.noConflict(true);但没有工作

请帮助我订购这些文件的方式,以便我能够完成所有工作。

1 个答案:

答案 0 :(得分:0)

您可以在不选择工具提示的情况下下载自定义jquery-ui.js并手动将其导入您的项目,因为bootstrap和jquery-ui.js都包含工具提示,因此它与工具提示冲突,因此您应该从工具提示中删除工具提示他们希望它会帮助你。