我有一个或多或少来自bootstrap 3的标准导航
<body data-spy="scroll" data-target=".navbar-collapse">
<!-- ---------- Navigation ---------- -->
<div class="navbar navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
</button>
<a class="navbar-brand" href="index.html"> <img src="#"></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#one">One</a></li>
<li><a href="#two">Two</a></li>
<li><a href="#three">Three</a></li>
<li><a href="#four">Four</a></li>
</ul>
</div>
</div>
</div>
它在较小的设备上正常崩溃.单击菜单按钮可以展开菜单,但如果我在菜单链接上单击(或触摸),菜单将保持打开状态.我该怎么办,再次关闭它？
我有一个按钮,当点击时启动一个弹出窗口(就像这里的现场演示:http://twitter.github.com/bootstrap/javascript.html#popovers)
现在我想在popover的内容字段中使用一个简单的按钮.那可能吗？目前,popover只显示链接为文本" http://test.com "
目前:
<a href="#" id="example" rel="popover" data-content="http://test.com" data-original-title="Like"><img src="img/specialbutton.png"></a>
我目前正在创建一个图库(使用Zurb Foundation作为框架),并希望在图像悬停上显示缩放图标(如下例所示:http://codepen.io/Twikito/pen/Jeaub).但我希望这个图标是一个字体(Font Awesome)图标而不只是一个而是3个可点击的图标..这可能吗？
我希望禁用表单按钮,直到用户单击复选框.
这是我的代码(表格的最后一部分)
<div class="checkbox">
<input id="check" name="checkbox" type="checkbox">
<label for="checkbox">
Some Text Here
</label>
</div>
<input type="submit" name="anmelden" class="button" id="btncheck" value="Send" />
我尝试了以下内容
$('#check').click(function(){
if($(this).attr('checked') == false){
$('#btncheck').attr("disabled","disabled");
}
else
$('#btncheck').removeAttr('disabled');
});
但这不起作用,我不知道为什么.我不知道如何禁用按钮(也应该在视觉上禁用).
我正在一个有着奇特的视差滚动背景的网站上工作,并按照Mohiuddin Parekh的教程(可在这里找到)
这是我的javascript:
$(document).ready(function(){
// Cache the Window object
$window = $(window);
$('section[data-type="background"]').each(function(){
var $bgobj = $(this); // assigning the object
$(window).scroll(function() {
// Scroll the background at var speed
// the yPos is a negative value because we're scrolling it UP!
var yPos = -( ($window.scrollTop() - $bgobj.offset().top) / $bgobj.data('speed'));
// Put together our final background position
var coords = '50% '+ yPos + 'px';
// Move the background
$bgobj.css({ backgroundPosition: coords });
}); // window scroll …我正在为客户端测试一个推特墙,当页面以javascript开头时我正在加载墙.是否有可能重新加载div或javascript而无需重新加载浏览器？
这是我的div
<div id="social-stream"></div>
用js加载它
$(document).ready(function($){
$('#social-stream').dcSocialStream({
feeds: {
twitter: {
id: '#%23hashtag',
thumb: true,
images:'medium',
},
},
rotate: {
delay: 0
},
twitterId: 'something',
control: false,
filter: false,
wall: true,
cache: false,
max: 'limit',
limit: 16,
});
});
css ×3
html ×3
javascript ×3
jquery ×3
font-awesome ×1
forms ×1
image ×1
mobile ×1
navigation ×1
overlay ×1
parallax ×1
popover ×1