个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试切换 V 形图标，但没有任何反应。
$("span:last").removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up");
如果我在没有 if else 部分的情况下将此代码添加到 slidetoggle 下面，则图标会变为向上但不会再次变为向下。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script>
//starting jquery
<script>
$("#header").ready(function(){
$("#logo").hide();
$("#header").click(function(){
$("#logo").slideToggle("slow");
});
$("#down").click(function() {
var $changeicon= $("down");
if ($changeicon .hasclass("glyphicon-chevron-down")) {
$changeicon.removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up");
}
else {
$changeicon.removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
}
});
});
</script>
<body>
<button type ="button" class ="btn btn-success btn-lg" id ="header">
<span class ="glyphicon glyphicon-home pull-left"> <strong>Header</strong> </span><span class ="glyphicon glyphicon-chevron-down pull-right btn-small" id ="down"> </span></button>
<div class ="row">
<div class ="col-lg-12" >
<p id ="logo" style="background-color:#D9D9D9;"> <a href="#">Logo</a><br/> <a href="#">Skype</a></p>
</div> </div>
</body>
</html>
最佳答案
改变这个:
var $changeicon= $("down");
为此:
var $changeicon= $("#down");
您刚刚忘记了一个# 符号，$changeicon 中将没有任何内容。
更新:
您还缺少:}); 以关闭 header 就绪部分。
所以 jQuery 应该是这样的:
$(function() {
$("#header").ready(function() {
$("#logo").hide();
$("#header").click(function() {
$("#logo").slideToggle("slow");
});
});
$("#down").click(function() {
var $changeicon = $("#down");
if ($changeicon.hasclass("glyphicon-chevron-down")) {
$changeicon.removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up");
}
else {
$changeicon.removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
}
});
});
关于javascript - 雪佛龙图标上升后不会下降，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27230543/
25
4
0
我问我任务buildDependent是否还会建立第一级依赖项目的依赖项。 其他受抚养者不是过渡依赖于最初的项目吗？ 为了更好地理解我的意思:D-> A <-B <-C 项目B和D是A的第一层依赖，而
function hoverimgon(elem){ $(elem).find('.credentials-popup').slideDown(800); }
我有一个数据集，其中每一行代表某些行为的发生次数。这些列代表设定时间量的窗口。它看起来像这样: +----------+----------+----------+----------+-------
这是我在这个网站上要问的第一个问题，如果我的处理方式有误，请务必告诉我。 无论如何，在我创建的对象 (dog) 中，我有一个“实时”函数，它通过使用 javascript 的 setInterval
我的网站上有一个谷歌图表，它是一个折线图。但是我的 Y 轴数据值只会以整数形式增加，所以我不想在 Y 轴上有“4.5”值，如您所见: 如果有人能指出正确的方向，我将不胜感激! 最佳答案 您应该使用以下
我有一个错误，当显示键盘并且切换键盘顶部的预测文本框时， View 会弹出，让用户看到黑屏。发生这种情况的原因是因为我使用了 -= 运算符，每次调用此方法时都会使值复合。该方法可以连续调用多次。我正试
我知道如何通过为父级执行 position:absolute 和为子级执行 position:relative 来将 div 堆叠在 div 之上，但是我如何制作一个 div从另一个分区“升起”？我想
我正在使用最新版本的 ionic 2。我的代码有一个 里面有一个文本输入。当我尝试在 Android 上输入内容时，整个页面都会被键盘向上推。 html文件
我正在使用最新版本的 ionic 2。我的代码有一个 里面有一个文本输入。当我尝试在 Android 上输入内容时，整个页面都会被键盘向上推。 html文件
我正在尝试解析 truetype 字体以构建和存储每个字体大小的上升部分、下降部分，我正在使用 http://nodebox.github.io/opentype.js/这做得非常出色，但我不明白如何
我的布局需要 windowSoftInputMode= adjustmentRezise，以便我的按钮与键盘一起上升。但我不希望我的 BottomNagivationView 受到此影响。我该如何解决
This answer不适用于 WebView，this doesn't任何一个。所以这个问题是专门针对使用 WebView 的。下面的代码加载了一个带有文本输入字段的网页。单击文本输入字段时，会出现
我在将 onOptionsItemSelected 与 Android Studio 的默认“设置 Activity ”(扩展 AppCompatPreferenceActivity)一起使用时遇到问
我是一名优秀的程序员,十分优秀！