我想在页面的开头有4个按钮/链接,在它们下面有内容.
在按钮上我把这个代码:
<a href="#idElement1">Scroll to element 1</a>
<a href="#idElement2">Scroll to element 2</a>
<a href="#idElement3">Scroll to element 3</a>
<a href="#idElement4">Scroll to element 4</a>
Run Code Online (Sandbox Code Playgroud)
在链接下将有内容:
<h2 id="idElement1">Element1</h2>
content....
<h2 id="idElement2">Element2</h2>
content....
<h2 id="idElement3">Element3</h2>
content....
<h2 id="idElement4">Element4</h2>
content....
Run Code Online (Sandbox Code Playgroud)
它现在正在工作,但不能让它看起来更顺畅.
我使用了这段代码,却无法使用它.
$('html, body').animate({
scrollTop: $("#elementID").offset().top
}, 2000);
Run Code Online (Sandbox Code Playgroud)
有什么建议?谢谢.
编辑:和小提琴:http://jsfiddle.net/WxJLx/2/
我有Trent Richardson的日期和时间选择器(链接)的问题.时间选择器刚刚弹出.不完全工作.
我的代码:
jQuery包括:
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<script src="http://mydomain.org/folder/wp-content/themes/twentyeleven/jquery/development-bundle/ui/jquery-ui-timepicker-addon.js"></script>
Run Code Online (Sandbox Code Playgroud)
对于函数的调用,我有:
<script>
$('#datumodhoda').datetimepicker({
timeFormat: "h:m t",
ampm: true
});
</script>
Run Code Online (Sandbox Code Playgroud)
可能有什么不对?其他jquery调用正常工作.新插件的路径是正确的,浏览器加载它(使用firebug检查).
现在有一个多星期的问题了.
如果有人帮助我会很高兴,谢谢!
感谢您过去的帮助。我再次问你。
我想有2个单选按钮,它们将更改文本输入的状态(启用/禁用)。
我设法使它从“禁用”变为“启用”,但是问题是,当您在单选按钮之间切换时,文本字段保持为“启用”。我不想要那样。
html在摆弄
$(document).ready( function(){
$('#casodhoda,#casodhoda1').prop('disabled',true);
$('input[type=radio][name=radioknof1]').click( function(){
$('#casodhoda,#casodhoda1').prop('disabled',true).val('');
$(this).next('span').children('wpcf7-form-control-wrap casodhoda').prop('disabled',false).triggerHandler('focus');
});
});
Run Code Online (Sandbox Code Playgroud)
编辑,修改了一点代码,以任何方式都无法再使用有效的解决方案了。。我希望在加载时禁用输入字段,并且当用户单击单选按钮时,应该同时启用这两个功能,并专注于第一个输入字段。该http://jsfiddle.net/wLFKD/3/在这里。谢谢!
有人可以推荐一些jQuery插件,用于旋转这个HTML结构.
<div id="event_rotator">
<div class="event">
<h2>Title</h2>
<p>Text</p>
</div>
<div class="event">
<h2>Title</h2>
<p>Text</p>
</div>
<div class="event">
<h2>Title</h2>
<p>Text</p>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我想,当用户在页面上时,它会在特定时间段内自动旋转,并且用户也可以通过单击箭头左右旋转它.
我试图使用这个http://jquery.malsup.com/cycle/pager11.html,但我无法让它工作.
问题是,我从PHP代码中动态得到这个HTML ..我不知道,如何分配所需的css(我可以分配对所有人来说相同的,但是我不能分配不同的Z-index .
jquery ×4
jquery-ui ×2
animation ×1
autorotate ×1
javascript ×1
onclick ×1
radio ×1
rotation ×1
scroll ×1
textfield ×1
timepicker ×1