使用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)
但没有快乐.
我正在创建一个垂直分隔线,工作正常.但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?
我知道它不存在,但有一个纯CSS版本吗?
想要设置高度,并使其宽1px(如果可能的话,带阴影).
只是无法理解纯粹的CSS方式.需要绝对定位.
由于我的容器并排有两个div,例如60-40%分开.需要两者之间的垂直规则,但不要真的想border-left
在div 2 上使用.
有什么建议?
我们使用了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框增加,减少任何...
或者,如果用户在输入元素中键入数字,则滑块适当地移动.
有什么帮助吗?
预览是:
可能重复:
在PHP中显示带序号后缀的数字
我认为它们被称为序数后缀.
看过日期的例子......
但只是想知道是否有一些PHP可以根据数字喷出后缀.
示例:我们正在喷出用户的排行榜得分.
所以成员排名第一.我们希望回应:1'和成员排名847.我们想要喷出847'
等等
我不能举例,因为数字是通过我们的dB在页面上呈现的
只是想知道是否有某种代码片段,可以自动添加'th或'st或'rd到适当的数字.
找到这个脚本:
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)"
但我们的形式非常复杂,我正在寻找一种更清洁的做事方式.
所以我们在我们的网站上运行谷歌广告.
我想,每个广告块(各种尺寸)加载..
<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文件一次/页面加载?
我今天注意到,当与占位符文本一起使用时,我们遇到了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(占位符文本)?
继我提出的另一个问题之后,我真的似乎无处可去.由于我的无能.我选择了那些家伙回答,因为他回答了我的问题.
我正在收集我没有问正确的问题因为我不知道该怎么做..
所以问题是我有输入元素.保持简单;
<input type="text" maxlength="12" name="price" id="price" class="foo">
Run Code Online (Sandbox Code Playgroud)
我希望用户能够只输入数字,并且只能在该价格的任何地方输入一个句点(.).所以可能是3.00或300.00或3000
有人可以帮帮我,我会瞪着眼睛看.
问题的老问题在这里快速正则表达与警报