Tag: jQuery的

jQuery onclick不起作用

我试图获得onclick工作,但它没有…这是我的代码: HTML jQuery alert test $(‘#submit’).click(function(){ alert(‘This onclick function forks!’); }); Submit 有人可以告诉我,为什么这个onclick不起作用?

jQuery代码,不理解

我正在看这个代码,因为我是网页设计的新手,我无法理解它。 因此,在我的索引页面上,我有一个链接到谷歌和ext.js页面以下代码。 这就是我所理解的错误。 用户单击“ ok或cancel ,因此变量c可以是ok或cancel 。 现在我没有看到if语句的要点,因为它将是ok或cancel其他单词true或false。 $(window).unload(function(){ var c = confirm(‘Are you sure you want to leave?’); if(c){ return true; }else{ return false; } });

尝试使用jquery动态更改imgs时出现语法错误

我正在尝试将我的网页上的主要照片更改为鼠标hover时突出显示的照片。 下面的代码导致一个错误,说我的引号有问题。 这可能是什么问题? $(document).ready(function(){ $(“.colorDiv”).mouseover(function(){ $(this).css(“border”, “2px solid #2F4F4F”); $(“.mPhoto[‘src=”photos/WP_20140621_002.jpg”‘]”).attr(“src”, “.colorImg”); }); $(“.colorDiv”).mouseout(function(){ $(this).css(“border”, “none”); }) }); .colorImg是我想要改变原始图像的imgs类 .mPhoto是我要改变的主要照片类

使用jquery从url获取url变量

我有一个只显示价格的html表单,但不向服务器提交任何内容。 这现在工作正常。 如何仅从url变量添加运行此表单的function,因此如果您使用url变量来到此页面,则不必单击“提交”按钮? 这样的事情:www.my-domain.com/formurl/?smoker=yes&amount=500000&age=20应该在页面加载完成后显示价格,并根据url变量更改表单值。 这是我的HTML: Do you smoke? NoYes Amount 500 0001 000 0001 500 0002 000 000 Age Show price $(document).ready(function () { //JSON object var obj = {“data”: [ {“age”: “18”,”500000″: “645”,”1000000″: “1018”,”1500000″: “1391”,”2000000″: “1764”,”smoker”: “No”}, {“age”: “19”,”500000″: “645”,”1000000″: “1018”,”1500000″: “1391”,”2000000″: “1764”,”smoker”: “No”}, {“age”: “20”,”500000″: “645”,”1000000″: “1018”,”1500000″: “1391”,”2000000″: “1764”,”smoker”: “No”}, {“age”: “18”,”500000″: “964”,”1000000″: […]

ScrollTop在Chrome中真的很生涩

我正在使用scrollTop函数创建一个视差滚动网站,将scrollTop函数绑定到整个网站的不同锚点。 我遇到的问题是,Chrome中的滚动变得非常不稳定/不稳定,但在Firefox中它很好。 我的代码如下: $(‘.recipes’).click(function(){ $(‘html,body’).animate({ scrollTop: $(“.main1”).offset().top }, 1500); }); $(‘.cooking’).click(function(){ $(‘html,body’).animate({ scrollTop: $(“.main2”).offset().top }, 1500); }); 有可能有另一种方法来做到这一点,所以网站滚动不是生涩吗? 也许我可以添加一个缓和function? 编辑- 如果我删除了以下function,那么生涩似乎消失了,代码是否有问题,或者可能采用不同的方式编写代码? var startY = $(‘#container’).position().top + $(‘#container’).outerHeight(); $(window).scroll(function(){ checkY(); }); function checkY(){ if( $(window).scrollTop() > startY ){ $(‘#backToTop, #navigation’).fadeIn(600); }else{ $(‘#backToTop, #navigation’).fadeOut(600); } } checkY(); 第二次编辑 $(document).ready(function(){ $(‘.recipes’).click(function(){ $.scrollTo(‘.main1’, 1500) }); $(‘.cooking’).click(function(){ $.scrollTo(‘.main2’, 1500) }); […]

Jquery – 如何在动态创建后添加事件

我正在动态创建div,然后将其附加到容器: var str = ”; $(‘#fpdiv’).append(str); 现在我需要添加一个hover甚至这些div。 我试图引用它,但后来发现我需要考虑.on()。 我试过这个(之前): $(‘#’+dim.src).hover(function{},function{}); 但正如所料,这不起作用。 我也试过这个: $(‘#’+dim.src).on(‘hover’,'(function{},function{})’); 但似乎无法使语法恰到好处。 有人可以帮忙吗? 提前致谢。

使用jquery动画元素的高度

我有一些条形填充高度%,但正好在页面加载时我希望所有条形图填满然后减少到0.我知道如何用for循环填充它: for(i = 1; i <= 100; i++) 但要让它回来 for(i = 100; i == 100; i–) 我只是不确定如何将它们组合在一起使变量变为100然后降低到0?

使用jQuery更改html内容时出错

这有什么不对? 我想用其他内容替换ul内容 $(‘#carouselselectitem1’).click(function() { $(‘#foo2’).html(‘2 PROGRAMEO, LONDRESLOREM IPSUM XHTML+CSS3 HTTP://WWW.url.com/’); }); http://jsfiddle.net/Txyse/

jQuery在jsFiddle上工作不适用于wesite

我有一个在jsFiddle中运行的jQuery脚本,但在实际的网站上不起作用,我想不出更多的事情要做。 这是小提琴 这是网站 我需要一个复选框,点击后将依次检查其他一些复选框。 $(“form input[id=’selectall’]”).click(function () { var inputs = $(“form input[class=’produse4export’]”); for (var i = 0; i < inputs.length; i++) { if (this.checked) { inputs[i].checked = true; checkme(); } else { inputs[i].checked = false; uncheckme(); } } }); 选中这些复选框(一次性完成)后,必须启用其他复选框。 如果取消选中它们,则必须再次禁用和取消选中其余复选框(如果已选中)。 有点难以解释,但小提琴和网页都很容易阅读。 为什么它没有按预期工作?

Jquery得到.val

我需要的是“这个”的价值 ( $(this).attr(“value”)); 出现在“这个”中 $(“#activities_” +btn_id).val($(this).val()); 这是代码。 $(‘.thoughts_list’).click(function(){ ( $(this).attr(‘id’)); ( $(this).attr(“value”)); }); $(‘#close_thoughts’).click(function(){ $(“#activities_” +btn_id).val($(this).val()); }); 目前,返回的值是“Cancel”,这是“#close_thoughts”的值,而不是我需要点击的“.thoughts list”的值 答案,显然这正是我所寻求的。 $(‘.thoughts_list’).click(function(){ ( $(this).attr(‘id’)); ( $(this).attr(“value”)); }); $(‘#close_thoughts’).click(function(){ $(“#activities_” +btn_id).val($(‘input[name=thoughts_list]:checked’).val()); });