论坛停止维护公告

从2018-08-01日期,ZMAX官方维护论坛将迁移至 Joomla中国社区 - ZMAX专区 。ZMAX官方开发团队将会在该板块回复大家所有的提问。请所有的用户有任何的问题在Joomla中国社区发帖。

扩展将上线Joomla中国应用市场

ZMAX团队开发的应用将会逐步上线到Joomla应用市场,届时大家可以在应用市场中下载扩展

 
 
欢迎, 游客
用户名: 密码: 记住我
欢迎提问

主题: Joomla怎样在页面加载css和js

Joomla怎样在页面加载css和js 10 年 5 个月 ago #49

  • ZMAX程序人
  • ZMAX程序人的头像
  • Offline
  • 管理员
  • 开辟Joomla在中国的新局面!
  • 帖子: 758
  • 感谢您收到 124
  • 声望: 8
//加载css文件
$document = &JFactory::getDocument();
$document ->addStyleSheet(JURI::root()."css的路径"); 
举例:$document ->addStyleSheet(JURI::root()."components/com_guestbook/css/guestbook.css");
//加载js文件
$document = &JFactory::getDocument();
$document ->addScript(JURI::root()."js的路径");
ZMAX程序人,中国专业的Joomla扩展开发团队。我们致力于为中国Joomla用户开发符合中国国情的Joomla扩展!
http://www.zmax99.com
最后修改: 10 年 5 个月 ago 由 ZMAX程序人.
本论坛禁止游客发帖。

Joomla怎样在页面加载css和js 9 年 8 个月 ago #263

  • ZMAX程序人
  • ZMAX程序人的头像
  • Offline
  • 管理员
  • 开辟Joomla在中国的新局面!
  • 帖子: 758
  • 感谢您收到 124
  • 声望: 8
也可用下面的代码:
$doc = JFactory::getDocument();
$doc->addStyleSheet("modules/mod_articletree/mod_articletree.css");

$app = JFactory::getApplication();
//if(!$app->jQuery)
{
	//$doc->addStyleSheet(JURI::root()."/modules/mod_articletree/jQuery.js");
	$doc->addStyleSheet("modules/mod_articletree/jQuery.js");
}
	
$doc->addStyleSheet("modules/mod_articletree/mod_articletree.js");

上面的代码不是用JURI::root()而是直接使用相对路径。当前的目录为网站的更目录,及index.php文件所在的位置

利用两种方式加载的css文件在浏览器中形式是不一样的。
如果使用
$doc->addStyleSheet(JURI::root()."/modules/mod_articletree/jQuery.js");
那么结果为:
<link rel="stylesheet" href="http://localhost/wonder//modules/mod_articletree/_jQuery.js" type="text/css">

而使用
 $doc->addStyleSheet("modules/mod_articletree/jQuery.js");
那么结果为:
<link rel="stylesheet" href="/wonder/modules/mod_articletree/jQuery.js" type="text/css">

上面代码有问题。加载js需要用addScript 函数,而不是用addStyleSheet。请读者自行更改
ZMAX程序人,中国专业的Joomla扩展开发团队。我们致力于为中国Joomla用户开发符合中国国情的Joomla扩展!
http://www.zmax99.com
最后修改: 9 年 8 个月 ago 由 ZMAX程序人.
本论坛禁止游客发帖。

Joomla怎样在页面加载css和js 9 年 8 个月 ago #264

  • ZMAX程序人
  • ZMAX程序人的头像
  • Offline
  • 管理员
  • 开辟Joomla在中国的新局面!
  • 帖子: 758
  • 感谢您收到 124
  • 声望: 8
再一次代码调试中,发现js都不起作用了。调试了好久都知道什么问题,当时还武断的判断是js冲突问题。
其实问题很简单,我使用了错误的方法加载js。应该使用addScript方法而我使用了addStyleSheet方法,最后js当然不执行了。
ZMAX程序人,中国专业的Joomla扩展开发团队。我们致力于为中国Joomla用户开发符合中国国情的Joomla扩展!
http://www.zmax99.com
本论坛禁止游客发帖。

Joomla怎样在页面加载css和js 9 年 7 个月 ago #284

  • ZMAX程序人
  • ZMAX程序人的头像
  • Offline
  • 管理员
  • 开辟Joomla在中国的新局面!
  • 帖子: 758
  • 感谢您收到 124
  • 声望: 8
有时候我们只想加载一个css或者js片段而不是加载一个文件,那么此时该如何去做呢?
可以使用下面的代码完成。
css代码:
              $doc = JFactory::getDocument();
		
		$css = "#zmax_captcha_image img {
				cursor: pointer;
				}";
		$doc->addStyleDeclaration($css);

加载js代码类似,使用
$doc->addScriptDeclaration($js);
ZMAX程序人,中国专业的Joomla扩展开发团队。我们致力于为中国Joomla用户开发符合中国国情的Joomla扩展!
http://www.zmax99.com
本论坛禁止游客发帖。
创建页面时间:0.098秒
核心: Kunena 论坛