JS只使用一个id,忽略另一个id
JS work with only one id and ignores other
我添加了文本调整器<a href="#" id="small" class="selected">A</a>
但它正在处理最后一个ID,PLZ帮助我修复它
<span class="category category--full">%s</span>
<h2 class="title title--full">%s</h2>
<div class="meta meta--full">
<img class="meta__avatar" src="%s" alt="%s" />
<span class="meta__author">%s</span>
<span class="meta__date"><i class="fa fa-calendar-o"></i>%s</span>
<span class="meta__reading-time"><i class="fa fa-clock-o"></i> %s</span>
<span class="meta__misc meta__misc--seperator"></span>
<span class="meta__misc"><div class="fb-like" data-href="http://hypnos.cosmicgirl.xyz?id=%s" data-layout="box_count" data-action="like" data-show-faces="true" data-share="true"></div></span><br><br><br>
<nav class="article-nav">
<button><i class="fa fa-angle-left"></i> <span>Previous</span></button>
<button><span>Next</span> <i class="fa fa-angle-right"></i></button>
</nav>
</div>
<div id="wrapper">
<div id="controls">
<a href="#" id="small" class="selected">A</a>
<a href="#" id="medium" class="">A</a>
<a href="#" id="large" class="">A</a>
</div>
%s
</div>
<p>lorem <a href="%s" target="_blank">link</a> by <span>%s</span> </p>
<center><p> <div class="fb-comments" data-href="http://hypnos.cosmicgirl.xyz?id=%s" data-width="450" data-numposts="5"></div></p> </center> </article>',$myrow["title"],$myrow["titled"],$myrow["pic"],$myrow["title"],$myrow["author"],$myrow["date"],$myrow["time"],$myrow["id"],$myrow["text"],$myrow["link"],$myrow["author_d"],$myrow["id"]); }
?>
这是JS代码:
$(document).ready(function(){
$("#small").click(function(event){
event.preventDefault();
$("h1").animate({"font-size":"24px"});
$("h2").animate({"font-size":"16px"});
$("p").animate({"font-size":"12px", "line-height":"16px"});
});
$("#medium").click(function(event){
event.preventDefault();
$("h1").animate({"font-size":"36px"});
$("h2").animate({"font-size":"24px"});
$("p").animate({"font-size":"14px", "line-height":"20px"});
});
$("#large").click(function(event){
event.preventDefault();
$("h1").animate({"font-size":"48px"});
$("h2").animate({"font-size":"35px"});
$("p").animate({"font-size":"30px", "line-height":"40px"});
});
$( "a" ).click(function() {
$("a").removeClass("selected");
$(this).addClass("selected");
});
});
你为什么不写如下,这是比较可靠的代码:
$("a").click(function(e){
e.preventDefault();
$("a").removeClass("selected");
$(this).addClass("selected");
var type = $(this).attr('id');
if(type=="small"){
//Your code for small text
}
else if(type=="medium"){
//Your code for medium text
}
else if(type=="large"){
//Your code for large text
}
});
相关文章:
- 根据id将json数组组合为一个json数组
- 是否有一个JS/jQuery函数可以获取某个类的每个元素的ID
- 一个正则表达式,用于从JS中的HTML标记中删除id、样式和类属性
- 将一个表的id与另一个表中的user_id进行匹配,以获取mysql中的记录
- 希望日期开始结束于while循环中的一个房间id的一个数组
- 如何将输入类型值或id从一个jsp传递到另一个jsp页面
- 如何将日期id从一个jsp传递到另一个jsp页面
- 为两个ID设置一个变量的正确语法
- 如何在Jquery函数中为自动完成文本区域指定一个变量作为Id
- 从id标记中的文本进行检查,并将类添加到另一个标记中
- 向更新mysql查询传递一个id
- 如何查找流星集合中最后一个元素/对象的id
- 传递来自<输入类型=“;文件“;id=“;文件“/>尽管还有一个按钮点击
- 当一个输入与另一个输入的 ID 具有相同的名称时的含义
- 检查资源的id是否在ng重复中显示的另一个资源的id列表中
- 在对象中查找下一个键id
- Javascript:表单验证getElementById仅返回第一个id元素
- 按类划分的元素数组 - 类型错误:$.id 不是一个函数
- 使用 Javascript 给出 Span ID(一个接一个)
- 如何使按钮ID一个变量在php中使用