小编Bar*_*din的帖子
当发生任何变化时如何检测当前URL
我正在使用"document.location.hash"剥离网址,并尝试检查当前网址留下的内容.我不想使用任何插件,也不想学习点击等触发事件的结果.需要立即学习url变化和现代.
jQuery的:
$(function() {
$(document).location().change(function() {//this part is not working
var anchor = document.location.hash;
if( anchor === '#one' ) {
alert('current url = #one');
}else if ( anchor === '#two' ) {
alert('current url = #two');
}else if ( anchor === '#three' ) {
alert('current url = #three');
}
console.log(anchor);
});
});
HTML:
<a href="#one">one</a>
<a href="#two">two</a>
<a href="#three">three</a>
深注:我已经阅读了这些问题并且cout找到了我要找的内容: 如何检测JavaScript中的URL更改 + 如何更改javascript中的当前URL？
推荐指数
解决办法
查看次数
如何在页面底部构建简单的粘性导航？
我正在尝试这样做,当你加载页面时div正在坚持它的底部.然后,当用户向下滚动时,它会粘到顶部.
我可以使用粘性元素粘贴到顶部.
<div id="container">
<div id="menu">
<ul>
<li><a href='#test'>Line 1</a></li>
<li><a href='#'>Line 2</a></li>
<li><a href='#'>Line 3</a></li>
</ul>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
if($(this).scrollTop()>=660)
{
$('#menu').addClass('fixed');
}else{
$('#menu').removeClass('fixed');
}
});
});
</script>
我不能这样做,所以它在负载时坚持到底.如果不清楚,我附上了一个小模型.
推荐指数
解决办法
查看次数
jquery选择器不工作,为什么？
我只是想操纵#content div中的元素,但$('#content')似乎不起作用,但在其他地方却有效!我的相关代码非常简单:
HTML
<body>
<input type='button' value='Save design' id='save' />
<div id="content" style="height: 200px; width:600px;border: 1px solid black;" class='whatev'></div>
</body>
脚本
$(document).ready(function(){
$('#save').click(function(e){
alert( document.getElementById('content').id); // this works!
alert($("#content").length); // this works! it outputs "1"
alert($("#content").id); // this does NOT work - undefined, why?
//end save function
});
$('#content').click(function(e){
// do stuff // ALL of this works!
});
});
这就对了.如果你注意到,它确实在某些地方有效(整个点击功能完全正常),但是如果它不起作用,它奇怪地仍然存在,因为length = 1.我尝试使用上下文来搜索div,以防万一,(使用$('#content','body')),但没有用.
推荐指数
解决办法
查看次数
如何创建简单的jQuery插件？
这个测试插件应该像这样工作:当点击一个元素时,它会向下移动.就那么简单.
jQuery.fn.moveDown = function(howMuch){
$(this).css("border", "1px solid black");
$(this).click(function(){
$(this).css("position", "relative");
$(this).animate({top: '+='+howMuch});
});
}
问题是,当单击一个元素时,它不仅会移动被点击的元素,还会移动插件所应用的所有其他元素.
这是什么解决方案？
推荐指数
解决办法
查看次数
如何根据屏幕大小隐藏与jQuery相关的div
我正在编写一个响应式WordPress主题,并且我想要根据查看器的屏幕分辨率隐藏div.
我在一个div中有来自BuySellAds的468px乘60px广告横幅,我想将其隐藏在智能手机或平板电脑上观看该网站的观众中.
我试图使用CSS3媒体查询实现这一点,但它不起作用.
这可以使用jQuery实现吗？如果是这样,任何指向正确方向的代码将非常感激.
谢谢
推荐指数
解决办法
查看次数
纯jQuery动画的特殊颜色过渡效果//没有ui或其他图书馆
我试图创建没有任何外部插件的jQuery颜色动画.到目前为止,我可以设法用jQuery-ui做到这一点,但我想用这种方式学习pure jQuery animate()
有没有可能用更少的代码和1.8上没有任何外部jQuery插件来做到这一点？
这是使用jQuery 1.7.2和ui的 jsFiddle示例
jQuery的:
var Text = $('h1');
var Box = $('.box');
Text.click(function() {
Text.animate({'color':'#f00'},600)
.delay(200).animate({'color':'#ff0'},600)
.delay(200).animate({'color':'#000'},600);
});
Box.click(function() {
Box.animate({'background-color':'#f00'},600)
.delay(200).animate({'background-color':'#ff0'},600)
.delay(200).animate({'background-color':'#000'},600);
});
推荐指数
解决办法
查看次数
jQuery任务,获取select html元素的值
我有一个问题,我无法解决...我有这个jQuery代码:
v=$('#sede').val();
$('#sede').change(function() {
console.log('valor de v:'+v);
});
这个html选择:
<select name="se" id="sede" size="1">
<option value="1">Primer Elemento</option>
<option value="2">Segundo Elemento</option>
<option value="3">Tercer Elemento</option>
<option value="4">Cuarto Elemento</option>
</select>
问题是变量v只显示我点击选择时的第一个项目值,无论是第二个,第三个还是任何项目......
推荐指数
解决办法
查看次数
如何在使用ng-options时将所选选项的文本分配给另一个模型？
我可以创建一个select标签并在其中放置数据.我可以将选择的选定选项分配给模型,但不能将其文本分配给另一个模型.
这是下面的示例和jsFiddle链接
HTML:
<div ng-app>
<div ng-controller="DemoCtrl">
<select ng-model="customerId" ng-options="item.id as item.name for item in content" ng-change="customerName = item.name">
</select>
<br/>
<input disabled="disabled" type="text" ng-model="customerId"/>
<input disabled="disabled" type="text" ng-model="customerName"/>
<!-- i'm trying to get customer name and assign that on to my model -->
</div>
</div>
JS:
function DemoCtrl($scope) {
$scope.content = [
{
name: "Bireysel",
id: 1
},
{
name: "Kurumsal",
id: 2
},
{
name: "Bireysel & Kurumsal",
id: 3
}];
}
推荐指数
解决办法
查看次数
jQuery褪色发光特殊文字效果
我想制作黑色错误信息文字"发光",红色轮廓在一秒后消失,但是,如果更新,返回"完全发光"并开始再次消失,即使它没有完全消失首先.是否有一个相当简单的jQuery/CSS方法来做到这一点？我认为两种同步衰落技术会相互竞争,异步和全部,我不知道如何产生发光效果,或者甚至可能使用标准样式.
推荐指数
解决办法
查看次数
无法检测jQuery点击vimeo iframe
简单的Vimeo iframe点击不起作用:
$('iframe').click(function(){
alert('ok');
});
我也尝试过:
$('body').click(..
$(document).on('click','iframe',..
但是当用户在悬停它时点击视频时,没有任何效果,它只播放视频.
推荐指数
解决办法
查看次数