【问题标题】:Yii: jQuery with Bootstrap conflict issue in yiiYii: jQuery 与 yii 中的 Bootstrap 冲突问题
【发布时间】:2014-05-23 18:43:02
【问题描述】:

我正在 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 融合... 我也使用$.noConflict(); $.noConflict(true); 但不工作

请帮助我如何订购这些文件,以便我可以处理所有事情。

【问题讨论】:

    标签: javascript php jquery twitter-bootstrap yii


    【解决方案1】:

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

    【讨论】:

    • 非常感谢,这对我来说有些意义。我现在就这样做。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-04-07
    • 2011-12-08
    • 2014-04-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多