论坛无法使用 jQuery

马黑黑 · 发表于 2022-1-24 14:24

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

通过查看源码，了解到dz论坛有使用jQuery的迹象，因此之前我谈到在dz论坛发帖理论上可以使用jQuery资源。后来我再仔细研究dz的页面代码，发现dz的 $ 语句与jQuery不太一样，经分析得知，原来jQuery必须用到的保留字 $ 被dz的另一个JS封装所使用，jQuery和它会有冲突，这个问题dz没有给出解决机制。

jQuery自身早就考虑都 $ 可能存在的冲突问题。它给出的方案是：一、jQuery引用于其他JS封装之前；二、引用完毕，立马加一个script声明，仅一句，<script>$.noConflict();</script>。处理起来是简单的，可惜dz没有去做，解决问题需要dz论坛管理者去修改相关程序文件。

jQuery十分强大，也被广泛应用。试着在本地运行如下代码（需要将jQuery文件和HTML文档放在同一个目录）：

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="gbk" />
<title>jQuery练习</title>
<script src="jquery.js" type="text/javascript"></script>
</head>
<body style="background:olive;">
<style>
#kanBox { margin:10px auto; width:95%; height:400px; background:#eee; border:1px solid #aaa; padding:10px; display:none; }
#btnBox { border:1px solid #aaa; width:100px; height:24px; line-height:24px; text-align:center; cursor:pointer; }
</style>
<div id="kanBox">代码跑了 :))</div>
<div id="btnBox">查看内容</div>
<script type="text/javascript">
$(document).ready(function(){
var down = true;
$(".btnBox").click(function(){
if(down){
$(".kanBox").slideDown("slow");
$(".btnBox").html("收起内容");
down = false;
} else {
$(".kanBox").slideUp("slow");
$(".btnBox").html("查看内容");
down = true;
}
});
});
</script>
</body>
</html>

复制代码

打包下载jQuery和练习文档 → jq.rar

查看内容

红影 · 发表于 2022-1-24 14:57

黑黑的研究太深入了，这些影子根本就不懂了。来给黑黑点赞

红影 · 发表于 2022-1-24 14:59

这个帖子的最后有的打包下载学习JQ的资料，这个是用来学习jQuery的么、我感觉我可能学不会啊

红影 · 发表于 2022-1-24 15:04

刚才学做个灯笼的帖子，发现论坛无法使用z-index:的负值。
灯笼总是跑到图片后面，想起黑黑在月亮星星那个帖子教过z-index的设置，把图片设成负值，本地演示挺好，灯笼出来了，发到论坛，图片不见了，折腾半天才感觉可能是那个负值的问题。
只能给灯笼设个z-index的正值，还好灯笼也出来了。学艺不精，折腾够呛：）

马黑黑 · 发表于 2022-1-24 17:08

红影发表于 2022-1-24 15:04
刚才学做个灯笼的帖子，发现论坛无法使用z-index:的负值。
灯笼总是跑到图片后面，想起黑黑在月亮星星那个 ...

设置为1000就可以在最上层了吧大概

马黑黑 · 发表于 2022-1-24 17:08

红影发表于 2022-1-24 14:59
这个帖子的最后有的打包下载学习JQ的资料，这个是用来学习jQuery的么、我感觉我可能学不会啊

感受一下即可

马黑黑 · 发表于 2022-1-24 17:10

红影发表于 2022-1-24 14:57
黑黑的研究太深入了，这些影子根本就不懂了。来给黑黑点赞

前端开发，有人更喜欢用纯粹的JS做事，有人则对jQuery爱不释手。毕竟，jQuery是封装有丰富的自定义函数，还是很不错的。

红影 · 发表于 2022-1-24 21:41

马黑黑发表于 2022-1-24 17:08
设置为1000就可以在最上层了吧大概

我本来想设置图片的Z值只要设置一个负的，而设置灯笼需要设置两个正值啊，想偷懒一下，没偷成

红影 · 发表于 2022-1-24 21:42

马黑黑发表于 2022-1-24 17:08
感受一下即可

这个在我这算是最高层次，我连基础还没打好呢

红影 · 发表于 2022-1-24 21:43

马黑黑发表于 2022-1-24 17:10
前端开发，有人更喜欢用纯粹的JS做事，有人则对jQuery爱不释手。毕竟，jQuery是封装有丰富的自定义函数， ...

相当于有材料库了，不用自己去制作材料了，只使用材料就行。

马黑黑 · 发表于 2022-1-24 22:23

红影发表于 2022-1-24 21:43
相当于有材料库了，不用自己去制作材料了，只使用材料就行。

它是JS的二次开发，变成了一门基于JS的语言了

马黑黑 · 发表于 2022-1-24 22:23

红影发表于 2022-1-24 21:42
这个在我这算是最高层次，我连基础还没打好呢

我是说去感受一下它的效果

马黑黑 · 发表于 2022-1-24 22:28

红影发表于 2022-1-24 21:41
我本来想设置图片的Z值只要设置一个负的，而设置灯笼需要设置两个正值啊，想偷懒一下，没偷成

z-index为正值时离用户更近，反之相反

小辣椒 · 发表于 2022-1-24 22:55

这个我完全不懂，而且看起来小辣椒课程拉下不少了

马黑黑 · 发表于 2022-1-24 23:09

小辣椒发表于 2022-1-24 22:55
这个我完全不懂，而且看起来小辣椒课程拉下不少了

这个看不懂没关系了，只是你用过，那个评分飞的，就跟这个冲突有关

红影 · 发表于 2022-1-24 23:09

马黑黑发表于 2022-1-24 22:23
它是JS的二次开发，变成了一门基于JS的语言了

真是好东西呢。

红影 · 发表于 2022-1-24 23:10

马黑黑发表于 2022-1-24 22:23
我是说去感受一下它的效果

我怕吧自己弄混乱，还是一点点先学基础。

马黑黑 · 发表于 2022-1-24 23:10

红影发表于 2022-1-24 23:09
真是好东西呢。

当然好，特别是做网站开发，省很多事

红影 · 发表于 2022-1-24 23:11

马黑黑发表于 2022-1-24 22:28
z-index为正值时离用户更近，反之相反

理论上可以有负值啊，在本地试验时也是可以的。到论坛里不行了。嗯，下回记得设置正值来把后面的拉上来。

马黑黑 · 发表于 2022-1-24 23:12

红影发表于 2022-1-24 23:10
我怕吧自己弄混乱，还是一点点先学基础。

这个感受是下载了运行看看效果

论坛无法使用 jQuery

请马上登录，朋友们都在花潮里等着你哦：）

评分

浏览过的版块

花潮帅哥

鼠

牛

虎

兔

龙

蛇

马

羊

猴

鸡

狗

猪

多彩人生

星月交辉

奔放热烈

海样胸怀

春风拂面

火热情怀

优雅迷人

神秘浪漫

相遇之美

鹰傲苍穹

花好月圆

紫色情节

飞龙在天

王者至尊

大将风范

音画大师

天籁妙音

共看流星

风雨同行

我心永远

幸福快乐

喜乐安康

侠骨柔肠

心想事成

开朗大方

花潮管理

花潮美女

缤纷心情

草莓情怀

蝴蝶情怀

心曲飞扬

星星情怀

七彩绚丽

活泼开朗

女儿情怀

一往情深

心香一瓣

金剪刀

妙笔生花

天长地久

绚丽缤纷

中秋征文

周年庆

指尖上的流年

舞会之星

分析（喊冤）章

总结章

杀人王

小强章

最佳杀刺

临屏写诗

七夕诗钟活动

第五届风云

第六届风云

情人节

青草情怀

男儿情怀