小编422*_*422的帖子

Twitter Bootstrap将活动类添加到li

使用twitter bootstrap,我需要启动主导航的li部分的活动类.自动的.我们使用php而不是ruby.

示例导航:

<ul class="nav">
    <li><a href="/">Home</a></li>
    <li><a href="/forums">Forums</a></li>
    <li><a href="/blog">Blog</a></li>
    <li><a href="/faqs.php">FAQ's</a></li>
    <li><a href="/item.php">Item</a></li>
    <li><a href="/create.php">Create</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

Bootstrap代码如下:

<li class="active"><a href="/">Home</a></li>
Run Code Online (Sandbox Code Playgroud)

因此,只需要弄清楚如何将活动类附加到当前页面.看了几乎所有关于Stack的答案,没有真正的快乐.

我玩过这个:

/*menu handler*/
$(function(){
    var url = window.location.pathname;  
    var activePage = url.substring(url.lastIndexOf('/')+1);
    $('.nav li a').each(function(){  
        var currentPage = this.href.substring(this.href.lastIndexOf('/')+1);

        if (activePage == currentPage) {
            $(this).parent().addClass('active'); 
        } 
    });
})
Run Code Online (Sandbox Code Playgroud)

但没有快乐.

jquery menu twitter-bootstrap

56
推荐指数
7
解决办法
14万
查看次数

垂直分隔线CSS

我正在创建一个垂直分隔线,工作正常.但CSS很麻烦.

CSS是:

.headerDivider1 {
border-left:1px solid #38546d;height:80px;position:absolute;right:250px;top:10px;
}

.headerDivider2 {
border-left:1px solid #16222c;height:80px;position:absolute;right:249px;top:10px;
}
Run Code Online (Sandbox Code Playgroud)

HTML是:

<div class="headerDivider1"></div><div class="headerDivider2"></div>
Run Code Online (Sandbox Code Playgroud)

结果是:

替代文字

我怎么能整理HTML和CSS?

html css

24
推荐指数
2
解决办法
10万
查看次数

CSS中的垂直规则(与<hr>相对)

我知道它不存在,但有一个纯CSS版本吗?

想要设置高度,并使其宽1px(如果可能的话,带阴影).

只是无法理解纯粹的CSS方式.需要绝对定位.

由于我的容器并排有两个div,例如60-40%分开.需要两者之间的垂直规则,但不要真的想border-left在div 2 上使用.

有什么建议?

css

19
推荐指数
2
解决办法
5万
查看次数

带文本框输入的ui滑块

我们使用了ui滑块,它完美无瑕.

码:

jQuery(function() {
jQuery( "#slider-range-min" ).slider({
    range: "min",
    value: 1,
    step: 1000,
    min: 0,
    max: 5000000,
    slide: function( event, ui ) {
        jQuery( "#amount" ).val( "$" + ui.value );
    }
});
jQuery( "#amount" ).val( "$" + $( "#slider-range-min" ).slider( "value" ) );
});
Run Code Online (Sandbox Code Playgroud)

如您所见,我们允许用户选择0到5,000,000之间的任何内容.

Html是:

<div id="slider-range-min" style="width: 460px; float:left;margin:10px;"></div>
Run Code Online (Sandbox Code Playgroud)

我想要做的是添加一个与滑块协调工作的文本输入元素,以便用户滑动texy框增加,减少任何...

或者,如果用户在输入元素中键入数字,则滑块适当地移动.

有什么帮助吗?

预览是:

在此输入图像描述

jquery jquery-ui jquery-ui-slider

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

添加'rd或'th或'st取决于数字

可能重复:
在PHP中显示带序号后缀的数字

我认为它们被称为序数后缀.

看过日期的例子......

但只是想知道是否有一些PHP可以根据数字喷出后缀.

示例:我们正在喷出用户的排行榜得分.

所以成员排名第一.我们希望回应:1'和成员排名847.我们想要喷出847'

等等

我不能举例,因为数字是通过我们的dB在页面上呈现的

只是想知道是否有某种代码片段,可以自动添加'th或'st或'rd到适当的数字.

php

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

css隐藏按钮直到div悬停

我们想隐藏按钮,直到我们将鼠标悬停在div图层上.

FIDDLE在这里> 点击查看

从本质上讲,我希望能够将此应用于其他元素,但现在这样做,任何帮助表示赞赏

css hide

13
推荐指数
2
解决办法
3万
查看次数

禁用页面上的输入键,但不在textarea中

找到这个脚本:


function stopRKey(evt) {
  var evt = (evt) ? evt : ((event) ? event : null);
  var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
  if ((evt.keyCode == 13) && (node.type=="text"))  {return false;}
}

document.onkeypress = stopRKey;


只发出,它还会停止输入在textarea中使用的密钥.这是一个麻烦.

我玩过玩具: onkeypress="return handleEnter(this, event)"

但我们的形式非常复杂,我正在寻找一种更清洁的做事方式.

javascript forms

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

加载show_ads.js一次

所以我们在我们的网站上运行谷歌广告.

我想,每个广告块(各种尺寸)加载..

<script type="text/javascript"
            src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
Run Code Online (Sandbox Code Playgroud)

例如:

<script type="text/javascript"><!--
            google_ad_client = "ca-pub-xxxxxxxxxxxxxx";
            /* ad served */
            google_ad_slot = "xxxxxxxxx";
            google_ad_width = 728;
            google_ad_height = 90;
            //-->
            </script>
            <script type="text/javascript"
            src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
        </script>
Run Code Online (Sandbox Code Playgroud)

和其他广告,不同的插槽(id's)和大小,在同一页面上也加载:

http://pagead2.googlesyndication.com/pagead/show_ads.js
Run Code Online (Sandbox Code Playgroud)

每一次.所以一个说三个广告的页面,加载完全相同的js文件3次..

删除该脚本文件,将其添加到头部,对我们不起作用..广告只是不显示.

那么有一种方法只加载show_ads.js文件一次/页面加载?

javascript adsense

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

jQuery Validate的占位符问题

我今天注意到,当与占位符文本一起使用时,我们遇到了jquery Validate的问题.

例:

<div class="sort left">
<label for="username" class="inlineelement">Username</label>
<input id="registername"  type="text" placeholder="your name" autocomplete="off" class="required"></input>
Run Code Online (Sandbox Code Playgroud)

我注意到,如果我们使用jquery Validate验证我们的表单(http://docs.jquery.com/Plugins/Validation/Methods)

有没有解决这个问题,或者应该回到我们的表单字段中重点html(占位符文本)?

jquery jquery-validate

8
推荐指数
3
解决办法
2万
查看次数

将输入限制为数字和.在输入字段上

继我提出的另一个问题之后,我真的似乎无处可去.由于我的无能.我选择了那些家伙回答,因为他回答了我的问题.

我正在收集我没有问正确的问题因为我不知道该怎么做..

所以问题是我有输入元素.保持简单;

<input type="text" maxlength="12" name="price" id="price" class="foo">
Run Code Online (Sandbox Code Playgroud)

我希望用户能够只输入数字,并且只能在该价格的任何地方输入一个句点(.).所以可能是3.00或300.00或3000

有人可以帮帮我,我会瞪着眼睛看.

问题的老问题在这里快速正则表达与警报

html javascript forms

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