jQuery与Bootstrap在Yii中的冲突问题

Yii: jQuery with Bootstrap conflict issue in yii

本文关键字:冲突 问题 Yii Bootstrap jQuery      更新时间:2023-09-26

我正在开发一个网站在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被注释了,当它被注释时,工具提示开始工作,但我创建的对话框不起作用,所有的对话框项都显示在主屏幕上&大部分东西都不能正常工作,&当我取消对save jquery-ui.js的注释时,工具提示不起作用,但对话框开始准确工作,所有其他事情都正常工作,所以我需要工具提示和对话框。其他工作项

我用它来显示工具提示

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

我认为问题出在jQuery &引导conflect……我也使用$.noConflict(); $.noConflict(true);,但不工作

请帮助我如何安排这些文件,以便我得到每件事的工作

你可以下载自定义jquery-ui.js而不选择tooltip并手动导入到你的项目中,因为bootstrap和jquery-ui.js都包含了工具提示,所以它与工具提示相冲突,所以你应该从其中一个中删除工具提示,希望它能帮助你。