小编Gab*_*oli的帖子

帮助滚动/关注侧栏

使用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

提前致谢

css jquery sidebar

1
推荐指数
1
解决办法
5071
查看次数

使用jquery以嵌套形式提交子表单

我有一个嵌套的表单,看起来像:

    <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提交?在此先感谢您的帮助.

forms jquery nested

1
推荐指数
1
解决办法
4862
查看次数

如何使用带有2个参数的jQuery Split?

我想知道如何使用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>"

regex jquery split

1
推荐指数
1
解决办法
9093
查看次数

在javascript中使用正则表达式来获取<span>标签的内容

我有一个这个表格的字符串

<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)

如何做到这一点,或者我的正则表达式如何得到改善?

javascript regex jquery

1
推荐指数
1
解决办法
1631
查看次数

需要从右向左滑动后退按钮

例如,

我有三个页面,
索引,foo和bar.

单击链接,例如,
index => foo => index => bar => index

然后单击后退按钮,
index => bar => index => ...

返回栏时,它会正确地从右向左滑动.
但是当从条形回到索引时,它会以从左到右的幻灯片的方式运行,就像转发不支持一样.

如何通过单击后退按钮将其修改为从右向左滑动?

jquery jquery-mobile

1
推荐指数
1
解决办法
3644
查看次数

是否可以在1个数据属性中存储多个键/值?

我想知道是否可以在data-attr类似的内部存储多个键/值:

?<a href="#" data-social="network:facebook; socialId:123456789" id="facebook">Facebook</a>
Run Code Online (Sandbox Code Playgroud)

然后在我的脚本中使用它们时,只需选择它们$('#facebook').data('social.socialId');或类似的东西,而不是将它们分解为各自的属性?

javascript jquery

1
推荐指数
1
解决办法
876
查看次数

jquery定义自定义事件

我是一名中级JS程序员,它与PHP有着天壤之别(特别是当我不是OOP程序员时,甚至在PHP中).

我有兴趣在jQuery中定义自己的事件,作为我编程的简化,我将使用一个简单的例子:

通常你在表中有记录行.用户想要使一行无效.设置系统,以便在发生这种情况时,该行淡出并消失.我们假设有三种方法可以做到这一点:

  1. 点击非活动图标
  2. 行突出显示命中i
  3. 右键单击并从上下文菜单中选择非活动.

我想做的是:

$('.datarow').on('rowinactive',function(){ /* etc */ });
Run Code Online (Sandbox Code Playgroud)

上面三个动作中的任何一个都将设置$('#row12345').inactive,并且事件处理程序将从那里获取它.我看到它,因为你在状态和与国家有关的行动之间有某种分离.

我希望这是一个简单的例子.任何人都可以为此提供一些示例代码吗?

jquery events

1
推荐指数
1
解决办法
3786
查看次数

附加多个div

嗨,我刚开始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?

jquery

1
推荐指数
1
解决办法
1万
查看次数

如何通过单击图像按钮打开图像

当我按下图像按钮时,我试图打开另一个图像 - 我对 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 帮助谢谢

html javascript image

1
推荐指数
1
解决办法
7130
查看次数

Flex-box显示儿童div并排显示

我将.content-container div设置为display: flex,并将子div(.message-body, .message-action)并排显示,并且.message-actiondiv浮动在右侧。

这是我正在做的事情:https : //codepen.io/anon/pen/ZRZKdZ

如您所见,.message-actiondiv似乎在.message-bodydiv 之下。

html css flexbox

1
推荐指数
1
解决办法
936
查看次数

标签 统计

jquery ×8

javascript ×3

css ×2

html ×2

regex ×2

events ×1

flexbox ×1

forms ×1

image ×1

jquery-mobile ×1

nested ×1

sidebar ×1

split ×1