Yii how to register jQuery UI’s JavaScript and CSS
原文链接: http://developwithguru.com/yii-how-to-register-jquery-ui-javascript-and-css/译者:我自己初学Yii和前端开发,甚至对PHP也是一知半解(对不起我之前是做Java和C++的),所以当有需求在Yii当中使用jQueryUi的时候,发现仅仅把js和css代码以最常规的方式引入到html当中是不行的。也是我太笨了吧,找了很多方法,只有以下的成功了。分享给大家:
First, register jquery.js
and jquery-ui.min.js
. jquery.min.js
will be used instead when YII_DEBUG
is falsed.
首先,注册jquery.js和jquery-ui.min.js。在调试模式下面用的是jquery.js,而在生产环境当中使用的是jquery.min.js。注意,下面这一句我是写在html页面的head当中的,因为我们会在这里引入js和css的代码。
Yii::app()->getClientScript()->registerCoreScript( 'jquery.ui' );
Then, customize your jQuery UI CSS with jQuery UI theme roller, download them to
protected/vendors/
. Later, publish and register your custom jQuery UI CSS.
然后,你可以在jQuery的官网定制你需要的ui和CSS的风格、主题,然后下载之后将其放入工程目录下面的protected/vendors/,vendor这个词非常形象的告诉我们实际上这个目录下面放置的就是第三方提供的内容。我把我放置的结果上传:
跟之前的注册代码一样把下面的代码放入html的head当中:
Yii::app()->clientScript->registerCssFile(
Yii::app()->assetManager->publish(
Yii::app()->basePath . '/vendors/jquery.ui/redmond/'
).
'/jquery-ui-1.8.11.custom.css', 'screen'
);
Or you can use the one included with your copy of Yii.
之前引用的文件都是我们自己下载的,实际上yii当中是提供了jQuery的副本的,所以我们当然也可以直接引用这个副本(也就是说不用我们自己去下载了):
Yii::app()->clientScript->registerCssFile(
Yii::app()->clientScript->getCoreScriptUrl().
'/jui/css/base/jquery-ui.css'
);
最后特别提醒的是,千万注意路径问题。包括之前我在做Java和C++的时候都会经常遇到路径问题,如果你在项目当中引用了框架,那路径问题就更头疼了(我先后被这些玩意儿折磨过:spring、hibernate、struts、cocos2dx等等。。)。
文章就是这么简短,但解决了我的问题,希望也能给大家带来帮助。