Javascript JS/jQuery-仅运行一次
我试图在每个会话中只运行此脚本一次。脚本应该在用户向下滚动时显示一个滑出弹出窗口 下面是显示要滑出的代码。但是我怎样才能让它只运行一次呢Javascript JS/jQuery-仅运行一次,javascript,jquery,function,Javascript,Jquery,Function,我试图在每个会话中只运行此脚本一次。脚本应该在用户向下滚动时显示一个滑出弹出窗口 下面是显示要滑出的代码。但是我怎样才能让它只运行一次呢 jQuery(window).scroll( function(){ var wwd = jQuery(window).width(); if( wwd > 999 ){ fixedHeader(); // fix header on page scroll } }); var fixedHeader = function(){ var hdrHt
jQuery(window).scroll( function(){
var wwd = jQuery(window).width();
if( wwd > 999 ){
fixedHeader(); // fix header on page scroll
}
});
var fixedHeader = function(){
var hdrHt = jQuery('header.site-header').height();
var scrPos = jQuery(window).scrollTop();
var aBarHt = jQuery('#wpadminbar').height();
if( scrPos > (hdrHt+700) ){
jQuery('div.slide').one.css('display','block');
jQuery('div.slide-hidden').css('display','none');
}
else
{
jQuery('div.slide-hidden').css('display','block');
}
}
运行一次-如果用户向下滚动700px-显示幻灯片。如果用户返回顶部,然后再次向下滚动-不要第二次运行。在页面加载前运行一次
请帮忙。我不是程序员-我尝试过使用.one()
,但没有成功。。。我现在知道该怎么放或放在哪里了。请给出代码示例
非常感谢 将此方法更新为
var fixedHeader = function()
{
var hdrHt = jQuery('header.site-header').height();
var scrPos = jQuery(window).scrollTop();
var aBarHt = jQuery('#wpadminbar').height();
if( scrPos > (hdrHt+700) )
{
if ( $.trim( jQuery('div.slide').attr( "data-firsttime" ) ).length == 0 )
{
jQuery('div.slide').one.css('display','block');
jQuery('div.slide').attr( "data-firsttime", "true" );
}
jQuery('div.slide-hidden').css('display','none');
}
else
{
jQuery('div.slide-hidden').css('display','block');
}
}
基本上设置要滑出的div的属性(在本例中为“首次数据”的任何属性)。下次滑出前,请检查该值是否已设置。这是完整的功能代码吗?试一试iife当你说每个会话一次时,你的意思是只在第一页滑出,而在其他页面停留吗?@TrueBlueAussie-每页加载一次。一旦用户向下滚动700像素-显示幻灯片。若用户返回顶部,然后再次向下滚动,请不要再次运行。我更新了OGpost@gurvinder372我用完整的脚本更新了OP检查此URL。一旦函数被执行,您可以使用任何逻辑来禁用它。您可以共享小提琴吗?