我得到一个关于如果对象在我的屏幕内将被调用的函数的问题.但是当对象在我的屏幕内时,该函数被调用并且已触发警报.但是,如果我关闭警报并向下滚动,则会再次调用该事件.我不要那个.我怎么解决这个问题？
我的代码到目前为止:
<div id="wrapper">
scroll down to see the div
</div>
<div id="tester"></div>
JS
$(window).on('scroll',function() {
if (checkVisible($('#tester'))) {
alert("Visible!!!")
} else {
// do nothing
}
});
function checkVisible( elm, eval ) {
eval = eval || "object visible";
var viewportHeight = $(window).height(), // Viewport Height
scrolltop = $(window).scrollTop(), // Scroll Top
y = $(elm).offset().top,
elementHeight = $(elm).height();
if (eval == "object visible") return ((y < (viewportHeight + scrolltop)) && (y > (scrolltop - elementHeight)));
if (eval == …你好我有一个关于使用Jasmine进行单元测试的问题(插件:jQuery)
如何测试对象是否在文档的DOM中.问题是我使用的工具提示功能只有在模拟事件时才会被激活.当模拟效果时,对象附加到DOM,我想检查它是否可见.
it("test 1: should invoke the Tooltip() function.", function () {
spyEvent = spyOnEvent('.span_width', "mouseover");
$('.span_width').simulate('mouseover');
expect('mouseover').toHaveBeenTriggeredOn('.span_width');
expect(spyEvent).toHaveBeenTriggered();
# A TEST TO check if .tooltip is visible???
# IN JQUERY would that be: $('.tooltip').is(':visible');
});
您好我在用户滚动页面后有一个关于更改文本的问题.
h1当用户滚动时,如何将我的文本从YES 更改为NO？我已经尝试了几样.append(),.html()但没有成功.
我的代码:JSFIDDLE
HTML
<h1>YES</h1>
<article style="height: 1000px">
<p>test</p>
</article>
JS
$(document).ready(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
//change yes to no
} else {
//set h1 text to yes
}
});
});
我想要这个的原因是因为在使用的情况下.html(),我可以添加内联的html对象,如:.html('<span>yes</span>')
您好,我有一个相当简单的问题.我使用HTML5范围滑块类型:<input type="range">我想通过jQuery触发它.
我使用了以下代码:
$("form input:range").each(function () {
// Do something
});
出于某种原因,我收到以下错误:
!未捕获错误:语法错误,无法识别的表达式:unsupported pseudo:range
也许很重要:我使用jquery-1.12.1.min.js.
有谁现在为什么这是,我怎么能解决这个问题？
您好我有一个关于使用data-target属性设置div显示的问题.我有以下HTML代码:
<div class="page page-current" id="home">
PAGE 1
<a href="#" class="next" data-target="#about">Go to about</a>
</div>
<div class="page page-section" id="about">
PAGE 2
<a href="#" class="next" data-target="#portfolio">Go to portfolio</a>
</div>
<div class="page page-section" id="portfolio">
PAGE 3
</div>
如上所示,包含类的div:page-section由CSS初始隐藏:display:none.现在我设法创建了一个通用的JS代码,用于检查应该使哪个div可见:
$(".next").click(function(){
var target = $(this).data("target");
$(target).addClass("page-current");
})
这个问题是它将第二个div添加到类中:page-current但是第一个div仍然包含这个类.
任何人都可以指导我正确的方向我如何解决这个问题是一般的方式,以便当时只有一个div可以包含类: page-current
我已经创建了这个问题的JSFIDDLE.
你好我遇到了一个我不太了解的情况.我有以下设置:
$(document).ready(function(){
$('.menuBtn').on('click touch', function () {
$(this).toggleClass('act');
if($(this).hasClass('act')) {
$('.mobileMenu').addClass('act');
//$('body').addClass('positionfixed');
}
else {
$('.mobileMenu').removeClass('act');
//$('body').removeClass('positionfixed');
}
});
}); .mobile-menu-button{
display:block;
position:fixed;
top:20px;
left:20px;
z-index:99;
background-color:#19b698;
padding:5px 10px;
color:#fff;
font-family: Open Sans;
font-weight:bold;
}
.mobile-menu-button i{
font-size:26px;
background-color:#00adee;
padding:5px 10px;
color:#fff;
}
.mobileMenu {
background-color: #fff !important;
position: fixed;
left: 0;
top: 0;
z-index: 100;
height: 100vh;
width: 100vw;
display: block;
text-align: center;
opacity: 0;
-webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); …您好我有一个关于垂直居中div的问题.让我用一些代码解释一下.我有以下HTML代码:
<div class="container">
<div class="wrapper">
<div class="content">
<h3>Lorem ipsum dolor sit amet, consectetur</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<div class="button_wrapper">
<a class="button" href="#"></a>
</div>
</div>
<!-- LARGE CONTENT -->
<div class="wrapper">
<div class="content">
<h3>Lorem ipsum dolor sit amet, consectetur</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi scelerisque porta cursus. Fusce ut nisi eget enim vestibulum pulvinar ac vehicula purus
</p>
</div>
<div class="button_wrapper">
<a class="button" href="#"></a>
</div>
</div>
</div>
如果你看看我的DEMO, …
您好，我希望有人可以帮助我解决这个相当简单的问题。
\n\n为什么div内容 \xe2\x82\xac1.230 没有在 div 底部对齐chart-p？
期望的行为是整体chart-r位于底部。这样空白区域就位于上方而div不是下方。
.chart-p {\r\n width: 300px;\r\n display: block;\r\n height: 236px;\r\n position: relative;\r\n background-color: lightblue;\r\n}\r\n.chart-r {\r\n margin-right: 1.5%;\r\n background-color: #E5F1F9;\r\n}\r\n.chart-r, .chart-z {\r\n display: inline-block;\r\n width: 48%;\r\n background-color: #FEE9A9;\r\n position: relative;\r\n top: 0px;\r\n left: 0;\r\n}<div class="chart-p">\r\n <div class="chart-r" style="height:115px;">\r\n \xe2\x82\xac 1.230</div>\r\n <div class="chart-z" style="height:236px;">\r\n \xe2\x82\xac 2.280</div>\r\n</div>我想过滤掉URL中的特定参数.我有以下情况:
state参数我试过了什么
我知道我可以使用以下代码获取所有参数:
window.location.search
但它会导致:
?folder=app&test=true&state=1
我尝试拆分网址,例如:
var url = '?folder=app&test=true&state=1';
url = url.split('&state=');
console.log(url);但这不起作用.另外,因为每个请求中的state数字都是动态的.一个解决方案可能是删除url中的最后一个参数,但我也不知道是否会出现这种情况,因此我需要一些过滤机制,只会过滤掉
state=/*regex for a number*/
也许我想很难，但我想知道for循环完成后是否可以执行代码？
我需要一种机制来知道循环已完成并在 for 循环完成时执行代码。
简单的例子：
numbers = ['1','2','3','4','5']
length_numbers = len(numbers)
for i in range(0, length_numbers):
print(i)
if i == length_numbers + 1:
print("yep list is finished and execute code below")
# .... <-- code will be placed here
这是行不通的，因为i值永远不会变成值 5。我相信有一种简单的方法可以解决这个问题。谁能告诉我我怎么能做到这一点？也许我应该改变结构而不是使用for循环？