首页
\
问答
\
标题单元格中的Javascript Fadein Fadeout文本(Javascript Fadein Fadeout text in
header cell)
标题单元格中的Javascript Fadein Fadeout文本(Javascript Fadein Fadeout text in header cell)
我尝试了几种不同的方法来实现这一点，我可以让fadeIn或fadeOut工作，但不是两者兼而有之。 我正在寻找的是能够点击存储在a href属性中的图像并将单词“Update”淡入div id标签，fadeOut，然后淡出“更多工具”或只显示“更多工具” “因为它已经是第一个标题单元格中的值。
<a id="1" href="" class ="edit_button" title="edit1"><img src="images/editbutton.jpg" title="Submit Your Edit" border="0" height="24" width="24"></img></a>
<th colspan="3"><div id="editupdate">More Tools</div></th>
function (data) {
$('#editupdate').fadeIn().html('Update').delay(2500).fadeOut();
});
I have attempt several different ways to accomplish this and I can either get the fadeIn or fadeOut to work, but not both. What I am looking for is being able to click on the image stored in the a href attribute and fadeIn the word "Update" into the div id tag, fadeOut, then fadeIn the words "More Tools" or just show the words "More Tools" since it is already the value in the th header cell.
<a id="1" href="" class ="edit_button" title="edit1"><img src="images/editbutton.jpg" title="Submit Your Edit" border="0" height="24" width="24"></img></a>
<th colspan="3"><div id="editupdate">More Tools</div></th>
function (data) {
$('#editupdate').fadeIn().html('Update').delay(2500).fadeOut();
});
原文：https://stackoverflow.com/questions/19521282
更新时间：2024-02-17 19:02
最满意答案
你忘了把$用于调用jQuery之前(function() { 。虽然它在代码片段上没有显示但是我在我的服务器上试了它并且运行正常〜在你的服务器上试试:)
$(function() {
var navLinks = $('nav ul li a'),
navH = $('nav').height(),
section = $('section'),
documentEl = $(document);
documentEl.on('scroll', function() {
var currentScrollPos = documentEl.scrollTop();
section.each(function() {
var self = $(this);
if ( self.offset().top < (currentScrollPos + navH) && (currentScrollPos + navH) < (self.offset().top + self.outerHeight()) ) {
var targetClass = '.' + self.attr('class') + '-marker';
navLinks.removeClass('active');
$(targetClass).addClass('active');
}
});
});
})();
@charset "utf-8";
* {
/*reset*/
background: none repeat scroll 0 0 transparent;
border: medium none;
border-spacing: 0;
font-size: 16px;
font-weight: normal;
line-height: 1.42rem;
list-style: none outside none;
margin: 0;
padding: 0;
text-align: left;
text-decoration: none;
text-indent: 0;
box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button{
-webkit-appearance: none !important;
}
a{
-webkit-appearance: none;
}
/*End Reset*/
/*Fonts*/
@font-face {
font-family: 'bebas_neuebold';
src: url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'),
url('../fonts/bebasneue_bold-webfont.woff') format('woff');
}
@font-face {
font-family: 'bebas_neuebook';
src: url('../fonts/bebasneue_book-webfont.woff2') format('woff2'),
url('../fonts/bebasneue_book-webfont.woff') format('woff');
}
@font-face {
font-family: 'bebas_neuelight';
src: url('../fonts/bebasneue_light-webfont.woff2') format('woff2'),
url('../fonts/bebasneue_light-webfont.woff') format('woff');
}
@font-face {
font-family: 'bebas_neue_regularregular';
src: url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'),
url('../fonts/bebasneue_regular-webfont.woff') format('woff');
}
@font-face {
font-family: 'bebas_neuethin';
src: url('../fonts/bebasneue_thin-webfont.woff2') format('woff2'),
url('../fonts/bebasneue_thin-webfont.woff') format('woff');
}
@font-face {
font-family: 'bebas_neueregular';
src: url('../fonts/bebasneue-webfont.woff2') format('woff2'),
url('../fonts/bebasneue-webfont.woff') format('woff');
}
.bebas-bold{
font-family: bebas_neuebold !important;
letter-spacing: 0.05em;
}
.bebas-book{
font-family: bebas_neuebook !important;
}
.bebas-light{
font-family: bebas_neuelight !important;
letter-spacing: 0.05em;
}
.bebas-thin{
font-family: bebas_neuethin !important;
letter-spacing: 0.05em;
}
.bebas-reg{
font-family: bebas_neue_regularregular !important;
letter-spacing: 0.05em;
}
/*End fonts*/
body {
font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
background-color: #505050;
padding: 0px;
margin: 0px;
}
/*Header*/
#navwrapper{
width: 100%;
position: fixed;
z-index: 1;
top: 0;
left: 0;
right: 0;
}
li img {
height:95px;
width:95px;
}
ul{
display: table;
margin: 0 auto;
}
ul.topnav {
padding: 0;
overflow: hidden;
}
.toggleNavButton {
transition-duration: 0.5s;
width: 40px;
height: 2px;
background-color: black;
position: absolute;
/*left: 50%;*/
top: 25px;
margin-left: 20px;
border-radius: 2px;
}
.toggleNavButton:before,
.toggleNavButton:after {
border-radius: 2px;
transition-duration: 0.5s;
content: "";
position: absolute;
top: 10px;
left: 0;
background-color: black;
width: 40px;
height: 2px;
}
.toggleNavButton:after {
top: 20px;
}
.toggleNavButton.active {
width: 0;
}
.toggleNavButton.active:after {
top: 10px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.toggleNavButton.active:before {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/* Float the list items side by side */
nav ul.topnav li {
float: left;
}
.padnav{
padding: 0px 35px 0px 35px;
margin-top:35px;
}
/* Style the links inside the list items */
nav ul li a {
display: block;
color: #1b1b1b;
text-align: center;
text-decoration: none;
transition: 0.5s;
font-size: 1.5em;
padding: 5px;
}
/* Change background color of links on hover */
nav ul li.padnav a:hover {
-webkit-transition: 0.2s; /* Safari */
transition: 0.2s;
border-bottom: 5px solid #2098D1;
}
.active{
-webkit-transition: 0.1s; /* Safari */
transition: 0.1s;;
border-bottom: 5px solid #2098D1;
}
.hide{
display: none;
width: 0px;
height: 0px;
}
nav{
position: fixed;
}
/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {
display: none;
}
/* When the screen is less than 680 (changed to 770 to accomodate) pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:767px) {
ul.topnav li:not(:first-child) {
display: none;
}
ul.topnav li:nth-child(1){
display: inline-block !important;
width: auto !important;
height: auto !important;
}
ul.topnav li.icon {
float: right;
display: inline-block;
width: 60px;
}
ul.topnav li{
padding: 0px !important;
}
ul.topnav a{
margin-top: 25px !important;
margin-right: 25px !important;
padding: 0px !important;
}
li img {
display: none;
}
.topnav{
width: 100% !important;
}
#navhit{
height: 50px;
width: 80px;
float: right;
display: inline-block;
margin-top: -8px;
}
li.padnav{
padding: 0px !important;
margin-top: 0px !important;
}
ul.topnav li.padnav a:hover {
border: none !important;
}
#navwrapper{
padding-bottom: 20px;
}
}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:767px) {
ul.topnav.responsive {position: relative;}
ul.topnav.responsive li.icon {
position: absolute;
right: 0;
top: 0;
}
ul.topnav.responsive li {
float: none;
display: inline;
}
ul.topnav.responsive li a {
display: block;
text-align: left;
}
}
/*sections*/
section {
width: 100%;
padding: 0 7%;
display: table;
margin: 0;
max-width: none;
height: 100vh;
}
section.landing{
background-color: #f39c12;
}
section.about{
background-color: #9b59b6;
}
section.project{
background-color: #2ecc71;
}
section.blog{
background-color: #95a5a6;
}
section.contact{
background-color: #f1c40f;
}
.landing{
height: 95vh;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="navwrapper">
<nav class="navbar bebas-reg container">
<ul class="topnav" id="myTopnav">
<li class="padnav"><a href="about.html" class="about-marker active">About</a></li>
<li class="padnav"><a href="projects.html" class="proj-marker">Projects</a></li>
<li class="logo"><img src="img/logo-black.png"></img></li>
<li class="padnav"><a href="contact" class="contact-marker">Contact</a></li>
<li class="padnav"><a href="blog" class="blog-marker">Blog</a></li>
</ul>
</nav>
</div>
<section class="landing">
<h1> landing </h1>
</section>
<section class="about">
<h1> about </h1>
</section>
<section class="proj">
<h1> proj </h1>
</section>
<section class="contact">
<h1> contact </h1>
</section>
<section class="blog">
<h1> blog </h1>
</section>
you forgot to put $for calling jQuery before (function() {. although it doesnt show well on snippet but i tried it on my server and works fine~try it on your server :)
$(function() {
var navLinks = $('nav ul li a'),
navH = $('nav').height(),
section = $('section'),
documentEl = $(document);
documentEl.on('scroll', function() {
var currentScrollPos = documentEl.scrollTop();
section.each(function() {
var self = $(this);
if ( self.offset().top < (currentScrollPos + navH) && (currentScrollPos + navH) < (self.offset().top + self.outerHeight()) ) {
var targetClass = '.' + self.attr('class') + '-marker';
navLinks.removeClass('active');
$(targetClass).addClass('active');
}
});
});
})();
@charset "utf-8";
* {
/*reset*/
background: none repeat scroll 0 0 transparent;
border: medium none;
border-spacing: 0;
font-size: 16px;
font-weight: normal;
line-height: 1.42rem;
list-style: none outside none;
margin: 0;
padding: 0;
text-align: left;
text-decoration: none;
text-indent: 0;
box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button{
-webkit-appearance: none !important;
}
a{
-webkit-appearance: none;
}
/*End Reset*/
/*Fonts*/
@font-face {
font-family: 'bebas_neuebold';
src: url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'),
url('../fonts/bebasneue_bold-webfont.woff') format('woff');
}
@font-face {
font-family: 'bebas_neuebook';
src: url('../fonts/bebasneue_book-webfont.woff2') format('woff2'),
url('../fonts/bebasneue_book-webfont.woff') format('woff');
}
@font-face {
font-family: 'bebas_neuelight';
src: url('../fonts/bebasneue_light-webfont.woff2') format('woff2'),
url('../fonts/bebasneue_light-webfont.woff') format('woff');
}
@font-face {
font-family: 'bebas_neue_regularregular';
src: url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'),
url('../fonts/bebasneue_regular-webfont.woff') format('woff');
}
@font-face {
font-family: 'bebas_neuethin';
src: url('../fonts/bebasneue_thin-webfont.woff2') format('woff2'),
url('../fonts/bebasneue_thin-webfont.woff') format('woff');
}
@font-face {
font-family: 'bebas_neueregular';
src: url('../fonts/bebasneue-webfont.woff2') format('woff2'),
url('../fonts/bebasneue-webfont.woff') format('woff');
}
.bebas-bold{
font-family: bebas_neuebold !important;
letter-spacing: 0.05em;
}
.bebas-book{
font-family: bebas_neuebook !important;
}
.bebas-light{
font-family: bebas_neuelight !important;
letter-spacing: 0.05em;
}
.bebas-thin{
font-family: bebas_neuethin !important;
letter-spacing: 0.05em;
}
.bebas-reg{
font-family: bebas_neue_regularregular !important;
letter-spacing: 0.05em;
}
/*End fonts*/
body {
font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
background-color: #505050;
padding: 0px;
margin: 0px;
}
/*Header*/
#navwrapper{
width: 100%;
position: fixed;
z-index: 1;
top: 0;
left: 0;
right: 0;
}
li img {
height:95px;
width:95px;
}
ul{
display: table;
margin: 0 auto;
}
ul.topnav {
padding: 0;
overflow: hidden;
}
.toggleNavButton {
transition-duration: 0.5s;
width: 40px;
height: 2px;
background-color: black;
position: absolute;
/*left: 50%;*/
top: 25px;
margin-left: 20px;
border-radius: 2px;
}
.toggleNavButton:before,
.toggleNavButton:after {
border-radius: 2px;
transition-duration: 0.5s;
content: "";
position: absolute;
top: 10px;
left: 0;
background-color: black;
width: 40px;
height: 2px;
}
.toggleNavButton:after {
top: 20px;
}
.toggleNavButton.active {
width: 0;
}
.toggleNavButton.active:after {
top: 10px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.toggleNavButton.active:before {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/* Float the list items side by side */
nav ul.topnav li {
float: left;
}
.padnav{
padding: 0px 35px 0px 35px;
margin-top:35px;
}
/* Style the links inside the list items */
nav ul li a {
display: block;
color: #1b1b1b;
text-align: center;
text-decoration: none;
transition: 0.5s;
font-size: 1.5em;
padding: 5px;
}
/* Change background color of links on hover */
nav ul li.padnav a:hover {
-webkit-transition: 0.2s; /* Safari */
transition: 0.2s;
border-bottom: 5px solid #2098D1;
}
.active{
-webkit-transition: 0.1s; /* Safari */
transition: 0.1s;;
border-bottom: 5px solid #2098D1;
}
.hide{
display: none;
width: 0px;
height: 0px;
}
nav{
position: fixed;
}
/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {
display: none;
}
/* When the screen is less than 680 (changed to 770 to accomodate) pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:767px) {
ul.topnav li:not(:first-child) {
display: none;
}
ul.topnav li:nth-child(1){
display: inline-block !important;
width: auto !important;
height: auto !important;
}
ul.topnav li.icon {
float: right;
display: inline-block;
width: 60px;
}
ul.topnav li{
padding: 0px !important;
}
ul.topnav a{
margin-top: 25px !important;
margin-right: 25px !important;
padding: 0px !important;
}
li img {
display: none;
}
.topnav{
width: 100% !important;
}
#navhit{
height: 50px;
width: 80px;
float: right;
display: inline-block;
margin-top: -8px;
}
li.padnav{
padding: 0px !important;
margin-top: 0px !important;
}
ul.topnav li.padnav a:hover {
border: none !important;
}
#navwrapper{
padding-bottom: 20px;
}
}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:767px) {
ul.topnav.responsive {position: relative;}
ul.topnav.responsive li.icon {
position: absolute;
right: 0;
top: 0;
}
ul.topnav.responsive li {
float: none;
display: inline;
}
ul.topnav.responsive li a {
display: block;
text-align: left;
}
}
/*sections*/
section {
width: 100%;
padding: 0 7%;
display: table;
margin: 0;
max-width: none;
height: 100vh;
}
section.landing{
background-color: #f39c12;
}
section.about{
background-color: #9b59b6;
}
section.project{
background-color: #2ecc71;
}
section.blog{
background-color: #95a5a6;
}
section.contact{
background-color: #f1c40f;
}
.landing{
height: 95vh;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="navwrapper">
<nav class="navbar bebas-reg container">
<ul class="topnav" id="myTopnav">
<li class="padnav"><a href="about.html" class="about-marker active">About</a></li>
<li class="padnav"><a href="projects.html" class="proj-marker">Projects</a></li>
<li class="logo"><img src="img/logo-black.png"></img></li>
<li class="padnav"><a href="contact" class="contact-marker">Contact</a></li>
<li class="padnav"><a href="blog" class="blog-marker">Blog</a></li>
</ul>
</nav>
</div>
<section class="landing">
<h1> landing </h1>
</section>
<section class="about">
<h1> about </h1>
</section>
<section class="proj">
<h1> proj </h1>
</section>
<section class="contact">
<h1> contact </h1>
</section>
<section class="blog">
<h1> blog </h1>
</section>
相关问答
更多
-
.java文件位于根目录中。 我将文件移动到“src / main / java / org.we /”，语法开始工作。 The .java file was located in the root directory. I moved the file to "src/main/java/org.we/" and it the syntax started working.
-
所以，我实际上找到了解决这个问题的方法！ foreach (Match match in matches)
{
programTextBox.Select(programTextBox.GetFirstCharIndexOfCurrentLine() + match.Index, match.Length);
programTextBox.SelectionColor = Color.Blue;
}
（其余代码实际上是相同的。） Hans Passant实际上是对的，匹配.Index引起了 ...
-
首先，检查输出： :setlocal syntax?
正确的输出（对于php文件）是： syntax=php
您可以检查php语法代码： :syntax list
您必须使用上面的命令查看所有语法代码。 如果你没有得到syntax=php值或者没有看到任何语法代码:syntax list ，可能你的~/.vim/ftplugin文件夹中没有php.vim文件。 当你设置filetype plugin on并打开一个php文件时，Vim所做的就是在你的ftplugin文件夹中查找php.vim文件并执行 ...
-
无限滚动不起作用(Infinite scroll isn't working)[2023-07-29]
找到了解决方案。 需要调用正确的库，许多站点都没有规定。 这是需要在滚动脚本之前发布的代码。
Found the solution. The correct library needs to be called which many sites do not stipulate. Here is the code that needs to ...
-
你忘了把$用于调用jQuery之前(function() { 。虽然它在代码片段上没有显示但是我在我的服务器上试了它并且运行正常〜在你的服务器上试试:) $(function() {
var navLinks = $('nav ul li a'),
navH = $('nav').height(),
section = $('section'),
documentEl = $(document);
documentEl.on('scroll', function() {
...
-
CSS水平滚动不起作用(CSS horizontal scroll not working)[2023-10-11]
只需添加overflow-x:scroll到类mq-root-block或mq-hasCursor 并删除overflow-x：从id body滚动 它会起作用。 Just add overflow-x:scroll to class mq-root-block or mq-hasCursor and remove overflow-x:scroll from id body and it will work.
-
我从这里重新安装SQL Server数据工具解决了问题http://msdn.microsoft.com/en-us/data/tools.aspx I solved problem by reinstalling SQL Server Data Tools from here http://msdn.microsoft.com/en-us/data/tools.aspx
-
在滚动上添加课程不起作用？(Add class on scroll not working?)[2024-02-19]
这个秘密就在这一行： document.getElementById("scroll").className = "";
你没有把它设置回它的旧类box所以当滚动回顶部时它没有类。 像这样改变它： function myFunction() {
if (document.body.scrollTop > 0 || document.documentElement.scrollTop > 0) {
document.getElementById("scroll").className ...
-
我收到了Github-Issues服务的回复。 原因是httpd用户无法调用此函数，这里是扩展自己的$ PATH环境的示例。 我将此添加到myconfig.conf.php文件中： 'environment.append-paths' => array('/usr/local/bin'),
强烈建议在路径中添加带pygmentize的路径。 I received answer from Github-Issues service. The reason was that httpd user can't ...
-
Jquery窗口滚动事件不起作用 - Wordpress / Bootstrap(Jquery Window Scroll Event Not Working - Wordpress / Bootstrap)[2022-04-29]
您似乎在页面上有两个版本的jQuery加载 - 1.11和1.4。 旧版本（1.4）没有.on API，可能是您遇到问题的原因。 我建议删除版本1.4。 另外，我建议将scroll事件绑定到window而不是document 。 You seem to have two versions of jQuery loading on the page - 1.11 and 1.4. The older version (1.4) does not have the .on API, and is likely ...
相关文章
更多
div 与 iframe页面缩小问题 [JavaScript]
extjs 读到的json只显示header 可能是什么原因？
POI Cells单元格数据处理
windows phone开发中textbox控件的header属性
gwt 部署在div 中的问题。
Django and full-text search
SVG文本text
网络挖掘技术——text mining
POI给单元格数据添加超链接
SOAP Header 元素详解
最新问答
更多
您如何使用git diff文件，并将其应用于同一存储库的副本的本地分支？(How do you take a git diff file, and apply it to a local branch that is a copy of the same repository?)
将长浮点值剪切为2个小数点并复制到字符数组(Cut Long Float Value to 2 decimal points and copy to Character Array)
OctoberCMS侧边栏不呈现(OctoberCMS Sidebar not rendering)
页面加载后对象是否有资格进行垃圾回收？(Are objects eligible for garbage collection after the page loads?)
codeigniter中的语言不能按预期工作(language in codeigniter doesn' t work as expected)
在计算机拍照在哪里进入
使用cin.get（）从c ++中的输入流中丢弃不需要的字符(Using cin.get() to discard unwanted characters from the input stream in c++)
No for循环将在for循环中运行。(No for loop will run inside for loop. Testing for primes)
单页应用程序：页面重新加载(Single Page Application: page reload)
在循环中选择具有相似模式的列名称(Selecting Column Name With Similar Pattern in a Loop)
System.StackOverflow错误(System.StackOverflow error)
KnockoutJS未在嵌套模板上应用beforeRemove和afterAdd(KnockoutJS not applying beforeRemove and afterAdd on nested templates)
散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
android - 如何避免使用Samsung RFS文件系统延迟/冻结？(android - how to avoid lag/freezes with Samsung RFS filesystem?)
TensorFlow：基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
企业安全培训的各项内容
错误：RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
C＃类名中允许哪些字符？(What characters are allowed in C# class name?)
NumPy：将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全？(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
注销后如何隐藏导航portlet？(How to hide navigation portlet after logout?)
将多个行和可变行移动到列(moving multiple and variable rows to columns)
提交表单时忽略基础href，而不使用Javascript(ignore base href when submitting form, without using Javascript)
对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
Angular $资源不会改变方法(Angular $resource doesn't change method)
在Angular 5中不是一个函数(is not a function in Angular 5)
如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
不适用：悬停在悬停时：在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
常见的python rpc和cli接口(Common python rpc and cli interface)
Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)
标题单元格中的Javascript Fadein Fadeout文本(Javascript Fadein Fadeout text in
div 与 iframe页面缩小问题 [JavaScript]
extjs 读到的json只显示header 可能是什么原因？
POI Cells单元格数据处理
windows phone开发中textbox控件的header属性
gwt 部署在div 中的问题。
Django and full-text search
SVG文本text
网络挖掘技术——text mining
POI给单元格数据添加超链接
SOAP Header 元素详解
您如何使用git diff文件，并将其应用于同一存储库的副本的本地分支？(How do you take a git diff file, and apply it to a local branch that is a copy of the same repository?)
将长浮点值剪切为2个小数点并复制到字符数组(Cut Long Float Value to 2 decimal points and copy to Character Array)
OctoberCMS侧边栏不呈现(OctoberCMS Sidebar not rendering)
页面加载后对象是否有资格进行垃圾回收？(Are objects eligible for garbage collection after the page loads?)
codeigniter中的语言不能按预期工作(language in codeigniter doesn' t work as expected)
在计算机拍照在哪里进入
使用cin.get（）从c ++中的输入流中丢弃不需要的字符(Using cin.get() to discard unwanted characters from the input stream in c++)
No for循环将在for循环中运行。(No for loop will run inside for loop. Testing for primes)
单页应用程序：页面重新加载(Single Page Application: page reload)
在循环中选择具有相似模式的列名称(Selecting Column Name With Similar Pattern in a Loop)
System.StackOverflow错误(System.StackOverflow error)
KnockoutJS未在嵌套模板上应用beforeRemove和afterAdd(KnockoutJS not applying beforeRemove and afterAdd on nested templates)
散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
android - 如何避免使用Samsung RFS文件系统延迟/冻结？(android - how to avoid lag/freezes with Samsung RFS filesystem?)
TensorFlow：基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
企业安全培训的各项内容
错误：RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
C＃类名中允许哪些字符？(What characters are allowed in C# class name?)
NumPy：将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全？(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
注销后如何隐藏导航portlet？(How to hide navigation portlet after logout?)
将多个行和可变行移动到列(moving multiple and variable rows to columns)
提交表单时忽略基础href，而不使用Javascript(ignore base href when submitting form, without using Javascript)
对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
Angular $资源不会改变方法(Angular $resource doesn't change method)
在Angular 5中不是一个函数(is not a function in Angular 5)
如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
不适用：悬停在悬停时：在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
常见的python rpc和cli接口(Common python rpc and cli interface)
Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)
header cell)
我尝试了几种不同的方法来实现这一点，我可以让fadeIn或fadeOut工作，但不是两者兼而有之。 我正在寻找的是能够点击存储在a href属性中的图像并将单词“Update”淡入div id标签，fadeOut，然后淡出“更多工具”或只显示“更多工具” “因为它已经是第一个标题单元格中的值。
<a id="1" href="" class ="edit_button" title="edit1"><img src="images/editbutton.jpg" title="Submit Your Edit" border="0" height="24" width="24"></img></a> <th colspan="3"><div id="editupdate">More Tools</div></th> function (data) { $('#editupdate').fadeIn().html('Update').delay(2500).fadeOut(); });I have attempt several different ways to accomplish this and I can either get the fadeIn or fadeOut to work, but not both. What I am looking for is being able to click on the image stored in the a href attribute and fadeIn the word "Update" into the div id tag, fadeOut, then fadeIn the words "More Tools" or just show the words "More Tools" since it is already the value in the th header cell.
<a id="1" href="" class ="edit_button" title="edit1"><img src="images/editbutton.jpg" title="Submit Your Edit" border="0" height="24" width="24"></img></a> <th colspan="3"><div id="editupdate">More Tools</div></th> function (data) { $('#editupdate').fadeIn().html('Update').delay(2500).fadeOut(); });
原文：https://stackoverflow.com/questions/19521282
更新时间：2024-02-17 19:02
最满意答案
你忘了把
$用于调用jQuery之前(function() {。虽然它在代码片段上没有显示但是我在我的服务器上试了它并且运行正常〜在你的服务器上试试:)$(function() { var navLinks = $('nav ul li a'), navH = $('nav').height(), section = $('section'), documentEl = $(document); documentEl.on('scroll', function() { var currentScrollPos = documentEl.scrollTop(); section.each(function() { var self = $(this); if ( self.offset().top < (currentScrollPos + navH) && (currentScrollPos + navH) < (self.offset().top + self.outerHeight()) ) { var targetClass = '.' + self.attr('class') + '-marker'; navLinks.removeClass('active'); $(targetClass).addClass('active'); } }); }); })();@charset "utf-8"; * { /*reset*/ background: none repeat scroll 0 0 transparent; border: medium none; border-spacing: 0; font-size: 16px; font-weight: normal; line-height: 1.42rem; list-style: none outside none; margin: 0; padding: 0; text-align: left; text-decoration: none; text-indent: 0; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } button{ -webkit-appearance: none !important; } a{ -webkit-appearance: none; } /*End Reset*/ /*Fonts*/ @font-face { font-family: 'bebas_neuebold'; src: url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('../fonts/bebasneue_bold-webfont.woff') format('woff'); } @font-face { font-family: 'bebas_neuebook'; src: url('../fonts/bebasneue_book-webfont.woff2') format('woff2'), url('../fonts/bebasneue_book-webfont.woff') format('woff'); } @font-face { font-family: 'bebas_neuelight'; src: url('../fonts/bebasneue_light-webfont.woff2') format('woff2'), url('../fonts/bebasneue_light-webfont.woff') format('woff'); } @font-face { font-family: 'bebas_neue_regularregular'; src: url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'), url('../fonts/bebasneue_regular-webfont.woff') format('woff'); } @font-face { font-family: 'bebas_neuethin'; src: url('../fonts/bebasneue_thin-webfont.woff2') format('woff2'), url('../fonts/bebasneue_thin-webfont.woff') format('woff'); } @font-face { font-family: 'bebas_neueregular'; src: url('../fonts/bebasneue-webfont.woff2') format('woff2'), url('../fonts/bebasneue-webfont.woff') format('woff'); } .bebas-bold{ font-family: bebas_neuebold !important; letter-spacing: 0.05em; } .bebas-book{ font-family: bebas_neuebook !important; } .bebas-light{ font-family: bebas_neuelight !important; letter-spacing: 0.05em; } .bebas-thin{ font-family: bebas_neuethin !important; letter-spacing: 0.05em; } .bebas-reg{ font-family: bebas_neue_regularregular !important; letter-spacing: 0.05em; } /*End fonts*/ body { font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; background-color: #505050; padding: 0px; margin: 0px; } /*Header*/ #navwrapper{ width: 100%; position: fixed; z-index: 1; top: 0; left: 0; right: 0; } li img { height:95px; width:95px; } ul{ display: table; margin: 0 auto; } ul.topnav { padding: 0; overflow: hidden; } .toggleNavButton { transition-duration: 0.5s; width: 40px; height: 2px; background-color: black; position: absolute; /*left: 50%;*/ top: 25px; margin-left: 20px; border-radius: 2px; } .toggleNavButton:before, .toggleNavButton:after { border-radius: 2px; transition-duration: 0.5s; content: ""; position: absolute; top: 10px; left: 0; background-color: black; width: 40px; height: 2px; } .toggleNavButton:after { top: 20px; } .toggleNavButton.active { width: 0; } .toggleNavButton.active:after { top: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .toggleNavButton.active:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* Float the list items side by side */ nav ul.topnav li { float: left; } .padnav{ padding: 0px 35px 0px 35px; margin-top:35px; } /* Style the links inside the list items */ nav ul li a { display: block; color: #1b1b1b; text-align: center; text-decoration: none; transition: 0.5s; font-size: 1.5em; padding: 5px; } /* Change background color of links on hover */ nav ul li.padnav a:hover { -webkit-transition: 0.2s; /* Safari */ transition: 0.2s; border-bottom: 5px solid #2098D1; } .active{ -webkit-transition: 0.1s; /* Safari */ transition: 0.1s;; border-bottom: 5px solid #2098D1; } .hide{ display: none; width: 0px; height: 0px; } nav{ position: fixed; } /* Hide the list item that contains the link that should open and close the topnav on small screens */ ul.topnav li.icon { display: none; } /* When the screen is less than 680 (changed to 770 to accomodate) pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */ @media screen and (max-width:767px) { ul.topnav li:not(:first-child) { display: none; } ul.topnav li:nth-child(1){ display: inline-block !important; width: auto !important; height: auto !important; } ul.topnav li.icon { float: right; display: inline-block; width: 60px; } ul.topnav li{ padding: 0px !important; } ul.topnav a{ margin-top: 25px !important; margin-right: 25px !important; padding: 0px !important; } li img { display: none; } .topnav{ width: 100% !important; } #navhit{ height: 50px; width: 80px; float: right; display: inline-block; margin-top: -8px; } li.padnav{ padding: 0px !important; margin-top: 0px !important; } ul.topnav li.padnav a:hover { border: none !important; } #navwrapper{ padding-bottom: 20px; } } /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */ @media screen and (max-width:767px) { ul.topnav.responsive {position: relative;} ul.topnav.responsive li.icon { position: absolute; right: 0; top: 0; } ul.topnav.responsive li { float: none; display: inline; } ul.topnav.responsive li a { display: block; text-align: left; } } /*sections*/ section { width: 100%; padding: 0 7%; display: table; margin: 0; max-width: none; height: 100vh; } section.landing{ background-color: #f39c12; } section.about{ background-color: #9b59b6; } section.project{ background-color: #2ecc71; } section.blog{ background-color: #95a5a6; } section.contact{ background-color: #f1c40f; } .landing{ height: 95vh; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="navwrapper"> <nav class="navbar bebas-reg container"> <ul class="topnav" id="myTopnav"> <li class="padnav"><a href="about.html" class="about-marker active">About</a></li> <li class="padnav"><a href="projects.html" class="proj-marker">Projects</a></li> <li class="logo"><img src="img/logo-black.png"></img></li> <li class="padnav"><a href="contact" class="contact-marker">Contact</a></li> <li class="padnav"><a href="blog" class="blog-marker">Blog</a></li> </ul> </nav> </div> <section class="landing"> <h1> landing </h1> </section> <section class="about"> <h1> about </h1> </section> <section class="proj"> <h1> proj </h1> </section> <section class="contact"> <h1> contact </h1> </section> <section class="blog"> <h1> blog </h1> </section>you forgot to put
$for calling jQuery before(function() {. although it doesnt show well on snippet but i tried it on my server and works fine~try it on your server :)$(function() { var navLinks = $('nav ul li a'), navH = $('nav').height(), section = $('section'), documentEl = $(document); documentEl.on('scroll', function() { var currentScrollPos = documentEl.scrollTop(); section.each(function() { var self = $(this); if ( self.offset().top < (currentScrollPos + navH) && (currentScrollPos + navH) < (self.offset().top + self.outerHeight()) ) { var targetClass = '.' + self.attr('class') + '-marker'; navLinks.removeClass('active'); $(targetClass).addClass('active'); } }); }); })();@charset "utf-8"; * { /*reset*/ background: none repeat scroll 0 0 transparent; border: medium none; border-spacing: 0; font-size: 16px; font-weight: normal; line-height: 1.42rem; list-style: none outside none; margin: 0; padding: 0; text-align: left; text-decoration: none; text-indent: 0; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } button{ -webkit-appearance: none !important; } a{ -webkit-appearance: none; } /*End Reset*/ /*Fonts*/ @font-face { font-family: 'bebas_neuebold'; src: url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('../fonts/bebasneue_bold-webfont.woff') format('woff'); } @font-face { font-family: 'bebas_neuebook'; src: url('../fonts/bebasneue_book-webfont.woff2') format('woff2'), url('../fonts/bebasneue_book-webfont.woff') format('woff'); } @font-face { font-family: 'bebas_neuelight'; src: url('../fonts/bebasneue_light-webfont.woff2') format('woff2'), url('../fonts/bebasneue_light-webfont.woff') format('woff'); } @font-face { font-family: 'bebas_neue_regularregular'; src: url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'), url('../fonts/bebasneue_regular-webfont.woff') format('woff'); } @font-face { font-family: 'bebas_neuethin'; src: url('../fonts/bebasneue_thin-webfont.woff2') format('woff2'), url('../fonts/bebasneue_thin-webfont.woff') format('woff'); } @font-face { font-family: 'bebas_neueregular'; src: url('../fonts/bebasneue-webfont.woff2') format('woff2'), url('../fonts/bebasneue-webfont.woff') format('woff'); } .bebas-bold{ font-family: bebas_neuebold !important; letter-spacing: 0.05em; } .bebas-book{ font-family: bebas_neuebook !important; } .bebas-light{ font-family: bebas_neuelight !important; letter-spacing: 0.05em; } .bebas-thin{ font-family: bebas_neuethin !important; letter-spacing: 0.05em; } .bebas-reg{ font-family: bebas_neue_regularregular !important; letter-spacing: 0.05em; } /*End fonts*/ body { font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; background-color: #505050; padding: 0px; margin: 0px; } /*Header*/ #navwrapper{ width: 100%; position: fixed; z-index: 1; top: 0; left: 0; right: 0; } li img { height:95px; width:95px; } ul{ display: table; margin: 0 auto; } ul.topnav { padding: 0; overflow: hidden; } .toggleNavButton { transition-duration: 0.5s; width: 40px; height: 2px; background-color: black; position: absolute; /*left: 50%;*/ top: 25px; margin-left: 20px; border-radius: 2px; } .toggleNavButton:before, .toggleNavButton:after { border-radius: 2px; transition-duration: 0.5s; content: ""; position: absolute; top: 10px; left: 0; background-color: black; width: 40px; height: 2px; } .toggleNavButton:after { top: 20px; } .toggleNavButton.active { width: 0; } .toggleNavButton.active:after { top: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .toggleNavButton.active:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* Float the list items side by side */ nav ul.topnav li { float: left; } .padnav{ padding: 0px 35px 0px 35px; margin-top:35px; } /* Style the links inside the list items */ nav ul li a { display: block; color: #1b1b1b; text-align: center; text-decoration: none; transition: 0.5s; font-size: 1.5em; padding: 5px; } /* Change background color of links on hover */ nav ul li.padnav a:hover { -webkit-transition: 0.2s; /* Safari */ transition: 0.2s; border-bottom: 5px solid #2098D1; } .active{ -webkit-transition: 0.1s; /* Safari */ transition: 0.1s;; border-bottom: 5px solid #2098D1; } .hide{ display: none; width: 0px; height: 0px; } nav{ position: fixed; } /* Hide the list item that contains the link that should open and close the topnav on small screens */ ul.topnav li.icon { display: none; } /* When the screen is less than 680 (changed to 770 to accomodate) pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */ @media screen and (max-width:767px) { ul.topnav li:not(:first-child) { display: none; } ul.topnav li:nth-child(1){ display: inline-block !important; width: auto !important; height: auto !important; } ul.topnav li.icon { float: right; display: inline-block; width: 60px; } ul.topnav li{ padding: 0px !important; } ul.topnav a{ margin-top: 25px !important; margin-right: 25px !important; padding: 0px !important; } li img { display: none; } .topnav{ width: 100% !important; } #navhit{ height: 50px; width: 80px; float: right; display: inline-block; margin-top: -8px; } li.padnav{ padding: 0px !important; margin-top: 0px !important; } ul.topnav li.padnav a:hover { border: none !important; } #navwrapper{ padding-bottom: 20px; } } /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */ @media screen and (max-width:767px) { ul.topnav.responsive {position: relative;} ul.topnav.responsive li.icon { position: absolute; right: 0; top: 0; } ul.topnav.responsive li { float: none; display: inline; } ul.topnav.responsive li a { display: block; text-align: left; } } /*sections*/ section { width: 100%; padding: 0 7%; display: table; margin: 0; max-width: none; height: 100vh; } section.landing{ background-color: #f39c12; } section.about{ background-color: #9b59b6; } section.project{ background-color: #2ecc71; } section.blog{ background-color: #95a5a6; } section.contact{ background-color: #f1c40f; } .landing{ height: 95vh; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="navwrapper"> <nav class="navbar bebas-reg container"> <ul class="topnav" id="myTopnav"> <li class="padnav"><a href="about.html" class="about-marker active">About</a></li> <li class="padnav"><a href="projects.html" class="proj-marker">Projects</a></li> <li class="logo"><img src="img/logo-black.png"></img></li> <li class="padnav"><a href="contact" class="contact-marker">Contact</a></li> <li class="padnav"><a href="blog" class="blog-marker">Blog</a></li> </ul> </nav> </div> <section class="landing"> <h1> landing </h1> </section> <section class="about"> <h1> about </h1> </section> <section class="proj"> <h1> proj </h1> </section> <section class="contact"> <h1> contact </h1> </section> <section class="blog"> <h1> blog </h1> </section>
相关问答
更多-
.java文件位于根目录中。 我将文件移动到“src / main / java / org.we /”，语法开始工作。 The .java file was located in the root directory. I moved the file to "src/main/java/org.we/" and it the syntax started working.
-
所以，我实际上找到了解决这个问题的方法！ foreach (Match match in matches) { programTextBox.Select(programTextBox.GetFirstCharIndexOfCurrentLine() + match.Index, match.Length); programTextBox.SelectionColor = Color.Blue; } （其余代码实际上是相同的。） Hans Passant实际上是对的，匹配.Index引起了 ...
-
首先，检查输出： :setlocal syntax? 正确的输出（对于php文件）是： syntax=php 您可以检查php语法代码： :syntax list 您必须使用上面的命令查看所有语法代码。 如果你没有得到syntax=php值或者没有看到任何语法代码:syntax list ，可能你的~/.vim/ftplugin文件夹中没有php.vim文件。 当你设置filetype plugin on并打开一个php文件时，Vim所做的就是在你的ftplugin文件夹中查找php.vim文件并执行 ...
-
无限滚动不起作用(Infinite scroll isn't working)[2023-07-29]
找到了解决方案。 需要调用正确的库，许多站点都没有规定。 这是需要在滚动脚本之前发布的代码。 Found the solution. The correct library needs to be called which many sites do not stipulate. Here is the code that needs to ... -
你忘了把$用于调用jQuery之前(function() { 。虽然它在代码片段上没有显示但是我在我的服务器上试了它并且运行正常〜在你的服务器上试试:) $(function() { var navLinks = $('nav ul li a'), navH = $('nav').height(), section = $('section'), documentEl = $(document); documentEl.on('scroll', function() { ...
-
CSS水平滚动不起作用(CSS horizontal scroll not working)[2023-10-11]
只需添加overflow-x:scroll到类mq-root-block或mq-hasCursor 并删除overflow-x：从id body滚动 它会起作用。 Just add overflow-x:scroll to class mq-root-block or mq-hasCursor and remove overflow-x:scroll from id body and it will work. -
我从这里重新安装SQL Server数据工具解决了问题http://msdn.microsoft.com/en-us/data/tools.aspx I solved problem by reinstalling SQL Server Data Tools from here http://msdn.microsoft.com/en-us/data/tools.aspx
-
在滚动上添加课程不起作用？(Add class on scroll not working?)[2024-02-19]
这个秘密就在这一行： document.getElementById("scroll").className = ""; 你没有把它设置回它的旧类box所以当滚动回顶部时它没有类。 像这样改变它： function myFunction() { if (document.body.scrollTop > 0 || document.documentElement.scrollTop > 0) { document.getElementById("scroll").className ... -
我收到了Github-Issues服务的回复。 原因是httpd用户无法调用此函数，这里是扩展自己的$ PATH环境的示例。 我将此添加到myconfig.conf.php文件中： 'environment.append-paths' => array('/usr/local/bin'), 强烈建议在路径中添加带pygmentize的路径。 I received answer from Github-Issues service. The reason was that httpd user can't ...
-
Jquery窗口滚动事件不起作用 - Wordpress / Bootstrap(Jquery Window Scroll Event Not Working - Wordpress / Bootstrap)[2022-04-29]
您似乎在页面上有两个版本的jQuery加载 - 1.11和1.4。 旧版本（1.4）没有.on API，可能是您遇到问题的原因。 我建议删除版本1.4。 另外，我建议将scroll事件绑定到window而不是document 。 You seem to have two versions of jQuery loading on the page - 1.11 and 1.4. The older version (1.4) does not have the .on API, and is likely ...