你现在的位置:首页 > PHP网站建设知识库 > Yii > 正文

如何在Yii中调用jQueryUI的js和CSS

首先,注册jquery.js和jquery-ui.min.js。在调试模式下面用的是jquery.js,而在生产环境当中使用的是jquery.min.js。注意,下面这一句我是写在html页面的head当中的,因为我们会在这里引入js和css的代码。

Yii::app()->getClientScript()->registerCoreScript( 'jquery.ui' );  

yii网站开发中,然后,你可以在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等等。。)。

文章就是这么简短,但解决了我的问题,希望也能给大家带来帮助。