H的足迹——H9999H 我的足迹

2012年1月31日星期二

想在Discuz! X2 上使用jQuery，但发现竟然出错，很闹心。

经过一阵的琢磨，并借鉴了网上的一些文章，很简单的实现了，具体方法如下。

1 添加外部jQuery脚本文件

修改header_common.htm文件，在其最后一行之上，即添加common.js 脚本文件那一行之上中添加jQuery脚本。

例如：

    <script type=’text/javascript’ src=’template/hljout2012/common/jquery.js’></script>

    <script type=”text/javascript” src=”{$_G[setting][jspath]}common.js?{VERHASH}”></script>

注：这里需要把jquery.js文件添加到template/default/common/目录。header_common.htm文件在template/default/ common/目录下。

特别注意，添加jQuery脚本语句一定要在添加common.js脚本语句之上。

2 使用jQuery方法

使用jQuery的时候，用 “jQuery”替代”$”。

例如：

原来写成 $(‘#divtab’).css({‘width’,’100%’}); 样式的语句都要写成 jQuery (‘#divtab’).css({‘width’,’100%’});

这样就可以正常使用jQuery了，享受jQuery的强大与简洁。