使用jquery技术从css-tricks.com有一个滚动/后面的侧边栏,如果你不知道我在说什么,这里是代码:
$(function() {
var $sidebar = $("#scroll-menu"),
$window = $(window),
offset = $sidebar.offset(),
topPadding = 15;
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
});
} else {
$sidebar.stop().animate({
marginTop: 0
});
}
});
});
Run Code Online (Sandbox Code Playgroud)
这里也是链接http://css-tricks.com/scrollfollow-sidebar/
我遇到的唯一问题是它有一个容器,但是当你滚动到足够的页脚时,侧边栏会滚出容器.有没有办法限制它向下滚动多远?
以下是正在发生的事情的图像:http: //tinypic.com/r/2mcj2mv/7
提前致谢
我有一个嵌套的表单,看起来像:
<FORM METHOD="GET" NAME="mainForm" ACTION=<%=response.encodeURL("updateForm.jsp")%>>
</FORM>
<t:panel script="showSelect(3)">
<t:panelTab left="362" width="200px">Tab3</t:panelTab>
<t:panelBody src="childForm.jsp">
</t:panelBody>
</t:panel>
Run Code Online (Sandbox Code Playgroud)
儿童形式代码:
<FORM METHOD="GET" NAME="childForm" id = "childForm" ACTION=<%=response.encodeURL("processChildForm.jsp")%>>
<span style="padding:0 10px;">
<button class="submitChildFormClass"
style="width:auto;"
id="submitChildForm"
>Process Child Form
</button>
</span>
</FORM>
Run Code Online (Sandbox Code Playgroud)
当我点击submitChildForm按钮时我想提交子表单,所以我写了下面的jquery处理程序来做到这一点:
$('.submitChildFormClass').live('click',function() {
document.getElementById("previewOnlyVal").value = "previewOnly";
$('#childForm').submit();
});
Run Code Online (Sandbox Code Playgroud)
问题是,当我点击按钮时,MAIN FORM将被提交而不是子表单.我知道使用嵌套表单不是一个好的编程习惯,但这是一个旧代码,我们还没有太多时间来修改这些代码.任何人都可以告诉我在代码中可能缺少什么导致主要表单由jquery提交?在此先感谢您的帮助.
我想知道如何使用jQuery.Split()
"OR" - 即喜欢
example@example.com, example2@example.com,example3@example.com
所以它返回就像
example@example.com
example2@example.com
example3@example.com
Run Code Online (Sandbox Code Playgroud)
但是请注意",<space>"
,并","
-那就是-我想无论是使用拆分此字符串","
还是",<space>"
?
我有一个这个表格的字符串
<p>Central: <span class="fieldText">Central_Local</span>
<br>Area Resolutoria: <span class="fieldText">Area_Resolutoria</span>
<br>VPI: <span class="fieldText">VIP</span>
Run Code Online (Sandbox Code Playgroud)
我正在尝试获取span
元素,并在其中找到值
var message = currentMarker.get("mensaje");
var pat = new RegExp("^(.*?<span .*?>(.*?)</span>.*?)+$");
message.match(pat);
Run Code Online (Sandbox Code Playgroud)
我需要获得这些值:
Central_Local
Area_Resolutoria
VIP
IP_ERX
Run Code Online (Sandbox Code Playgroud)
如何做到这一点,或者我的正则表达式如何得到改善?
例如,
我有三个页面,
索引,foo和bar.
单击链接,例如,
index => foo => index => bar => index
然后单击后退按钮,
index => bar => index => ...
返回栏时,它会正确地从右向左滑动.
但是当从条形回到索引时,它会以从左到右的幻灯片的方式运行,就像转发不支持一样.
如何通过单击后退按钮将其修改为从右向左滑动?
我想知道是否可以在data-attr
类似的内部存储多个键/值:
?<a href="#" data-social="network:facebook; socialId:123456789" id="facebook">Facebook</a>
Run Code Online (Sandbox Code Playgroud)
然后在我的脚本中使用它们时,只需选择它们$('#facebook').data('social.socialId');
或类似的东西,而不是将它们分解为各自的属性?
我是一名中级JS程序员,它与PHP有着天壤之别(特别是当我不是OOP程序员时,甚至在PHP中).
我有兴趣在jQuery中定义自己的事件,作为我编程的简化,我将使用一个简单的例子:
通常你在表中有记录行.用户想要使一行无效.设置系统,以便在发生这种情况时,该行淡出并消失.我们假设有三种方法可以做到这一点:
我想做的是:
$('.datarow').on('rowinactive',function(){ /* etc */ });
Run Code Online (Sandbox Code Playgroud)
上面三个动作中的任何一个都将设置$('#row12345')
为.inactive
,并且事件处理程序将从那里获取它.我看到它,因为你在状态和与国家有关的行动之间有某种分离.
我希望这是一个简单的例子.任何人都可以为此提供一些示例代码吗?
嗨,我刚开始te jQuery,
我正在尝试这样的事情:
$(document).ready(function(){
$newdiv = $('<div id="ball" />');
for(var i=0;i<100;i++){
$('body').append($newdiv);
}
});
Run Code Online (Sandbox Code Playgroud)
我知道迭代部分不对..但是如何在jquery中追加100个div?
当我按下图像按钮时,我试图打开另一个图像 - 我对 html 完全陌生。我听说你需要使用 onclick 来获得它。这是我正在尝试的:
input type="image" src="img/gallery/5.jpg" onclick="img/floor.jpg"
Run Code Online (Sandbox Code Playgroud)
其中 5.jpg 是缩略图视图, floor.jpg 是目标图像(存在于另一个目录中)。
但是上面这段代码对我不起作用。正确的做法是什么?
为什么这是失败?我使用该解决方案打开了许多图像
<a href="img/5.jpg"><img src="img/gallery/5.jpg"/></a>
<a href="img/6.jpg"><img src="img/gallery/6.jpg"/></a>
<a href="img/7.jpg"><img src="img/gallery/7.jpg"/></a>
<a href="img/8.jpg"><img src="img/gallery/8.jpg"/></a>
<a href="img/9.jpg"><img src="img/gallery/9.jpg"/></a>
<a href="img/10.jpg"><img src="img/gallery/10.jpg"/></a>
Run Code Online (Sandbox Code Playgroud)
但每次只打开 10.jpg 帮助谢谢
我将.content-container
div
设置为display: flex
,并将子div(.message-body, .message-action
)并排显示,并且.message-action
div浮动在右侧。
这是我正在做的事情:https : //codepen.io/anon/pen/ZRZKdZ
如您所见,.message-action
div似乎在.message-body
div 之下。