一个JS函数 在同一个页面 怎么重复利用啊
一个问题一个答案答案默认是隐藏的需要点击问题答案会自动显示我做了一个可以但是如果要在同一个页面做N个这样的特效该怎么写要求的是每个问答不会干扰点击一个问题只会显示相应的答...
一个问题一个答案 答案默认是隐藏的 需要点击问题 答案会自动显示 我做了一个 可以 但是如果要在同一个页面做N个这样的特效 该怎么写 要求的是每个问答不会干扰 点击一个问题只会显示相应的答案 再点一下就会隐藏 效果 和代码 如下 求大神指点
展开
1个回答
展开全部
没有详细的代码，不过可以给你思路。
给每个拥有相同行为的问题DOM节点一个相同的class类，如question，同时给不同的问题一个不同的标识ID如 id="question1" id="question2"...诸如此。
给类.question绑定点击事件，在触发函数里面先判断当前点击的这个类的id，即可知道你要操作的是哪一个问题，然后调用你的那个伸缩函数即可。
追问
不好意思 JS学的很渣 你说的那个 question事件 能不能给个例子。。。。。。
追答
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>jQuery加法器</title>
<script src="js/jquery-1.4.4.min.js" type="text/javascript" charset="utf-8"></script>
<style>
div {
width: 250px;
height: 250px ;
background-color: #337ab7;
float:left;
margin: 10px;
}
</style>
</head>
<script>
$(function(){
$(".question").click(function(){
//获取问题ID
var id = $(this).attr("id");
//console.log(id)
//...执行你的函数代码
})
})
</script>
<body>
<div class="question" id="question1"></div>
<div class="question" id="question2"></div>
<div class="question" id="question3"></div>
<div class="question" id="question4"></div>
</body>
</html>
引入jquery框架，如果你刚学js 的话，可以去学学jquery，javascript很多东西在浏览器上兼容问题很大，使用jquery（算是对js 的包装）就避免的这些问题，而且语法也很美观，对于你来说，就是引入一个jquery文件的区别。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
