我有这个代码 $(“.test_init”).click( function(){ var win = $(this).next(“.test_wrap”).find(“.test_drop”); if ($(win).html().length) $(win).empty().hide(“fast”); else { $(win).load(“URL”); } }); 这给我一些没有关闭按钮的html表单 我希望使用这种方法添加关闭按钮,而不是在每个单独的函数中添加它 $(‘*[class*=”_drop”]’).change(function() { $(this).append($(”, { class: ‘close-drop’, click: function(e) { e.preventDefault(); alert(“test”); }}) ); }); 但没有任何反应 – 我无法理解为什么关闭按钮不会附加 示例: http : //jsfiddle.net/fppfyey7/10/
我非常清楚如何混合angularjs和jquery不是一个好主意。 但是,我需要一个自定义的轮播,只能通过TEXT滑动。 angularjs的所有现有旋转木马动画在很大程度上依赖于图像是内容的一部分,而我没有图像。 所以我找到了一个非常好的jquery库,用于这样的事情,称为“光滑”。 它适用于angularjs,但是当我动态地将新值添加到现有数组时,整个事情就会分崩离析。 我怎么能改变这部分代码,以便我可以动态地将对象添加到数组并保持jquery光滑的库工作? 这是代码,您可以按“上一个”和“下一个”,轮播将工作,但只要按下“添加新元素”按钮,整个事情就会崩溃。 http://jsbin.com/tihodihuho/1/edit?html,js,output
http://jsfiddle.net/2gktS/21/ 基本上那里的jfiddle显示正在发生的事情。 我在图像周围使用了span标签,以便在滑块中的图像下方启用文本字段,以使文本随图像一起变化。 它可以工作,但现在我使用缩略图作为它破坏的寻呼机。 有没有办法让他们使用span标签? 编辑 – 我正在使用我的页面的js: $(document).ready(function() { $(‘.slideshow’) .cycle({ fx: ‘fade’, speed: 2500, pause: 1, next: ‘#next’, prev: ‘#prev’, pager: ‘#pagernav’, // callback fn that creates a thumbnail to use as pager anchor pagerAnchorBuilder: function(idx, slide) { return ”; } }); $(‘#pauseButton’).click(function() { $(‘.slideshow’).cycle(‘pause’); }); $(‘#resumeButton’).click(function() { $(‘.slideshow’).cycle(‘resume’); }); });
我有UL列表和代码,它选择所选LI元素的所有父元素( https://stackoverflow.com/a/8883690/106616 )。 现在,我想在选择其他LI元素时清除选择。 为此,我创建了该代码: (简单地说,在选择新路径之前,我遍历数组以清除先前的选择,然后我清除数组,同时选择新路径我将新项目添加到该数组) $(‘#nav li’).click(function () { //clear the previous selection $.each(myArray, function (i, v) { console.log(‘loop: ‘ + v); $(‘#nav li a[href=”‘ + v + ‘”]’).css(‘background-color’, ‘Green’); }); myArray.lenght = 0; //add the new selection $(this).children(‘a’).each(function (item) { myArray.push($(this).attr(‘href’)); console.log(‘adding: ‘ + $(this).attr(‘href’)); $(this).css(‘background-color’, ‘Red’); }); }); 但是,如果我选择第一条路径,该代码会生成该输出。 补充:#/ 1210 循环:#/ […]
jQuery在本地开发,但在Heroku Cedar上没有生产。 我对Rails很新,所以我试图以正确的方式学习这一点,而不是仅仅将代码放入视图中。 我没有在服务器日志中看到任何错误。 我正在本地编译我的资产: 捆绑exec rake资产:预编译 然后将整个应用程序推送到Heroku。 我尝试了几种不同的gem组合,目前的配置: 的Gemfile source ‘https://rubygems.org’ gem ‘rails’, ‘3.2.11’ gem ‘bcrypt-ruby’, ‘3.0.1’ gem ‘execjs’ gem ‘jquery-rails’ gem ‘will_paginate’, ‘~> 3.0.0’ gem ‘sass-rails’, ‘~> 3.2.3’ gem ‘bootstrap-sass’, ‘~> 2.2.2.0’ gem ‘bootstrap-will_paginate’, ‘0.0.6’ gem “friendly_id”, “~> 4.0.9” gem ‘twitter’ gem ‘devise’ gem ‘cancan’ gem “paperclip”, “~> 3.0” gem “cocaine”, “= 0.3.2” […]
完整代码: $.post(‘test.php’, { id: id },function (data) { console.log(data); var Server = data.response.server; var Photo = data.response.photo; console.log(Server); console.log(Photo); }); 在data我得到json: { “server”:9458, “photo”: “[{\”photo\”:\”0d6a293fad:x\”,\”sizes\”: [[\”s\”,\”9458927\”,\”1cb7\”,\”PX_xDNKIyYY\”,75,64], [\”m\”,\”9458927\”,\”1cb8\”,\”GvDZr0Mg5zs\”,130,111], [\”x\”,\”9458927\”,\”1cb9\”,\”sRb1abTcecY\”,420,360], [\”o\”,\”9458927\”,\”1cba\”,\”J0WLr9heJ64\”,130,111], [\”p\”,\”9458927\”,\”1cbb\”,\”yb3kCdI-Mlw\”,200,171], [\”q\”,\”9458927\”,\”1cbc\”,\”XiS0fMy-QqI\”,320,274], [\”r\”,\”9458927\”,\”1cbd\”,\”pU4VFIPRU0k\”,420,360]], \”kid\”:\”7bf1820e725a4a9baea4db56472d76b4\”}]”, “hash”:”f030356e0d096078dfe11b706289b80a” } 我想得到参数server和photo[photo] 为此我使用: var Server = data.server; var Photo = data.photo; console.log(Server); console.log(Photo); 但在concole我得到了undefined 比我使用代码: var Server = data.response.server; var Photo […]
我正在从vaadin 6版本更新vaadin项目到vaadin 7 。 它包含一些在旧版本中运行良好的原生Javascript方法。 但是有些人在应该调用时会抛出exception。 我不熟悉Javascript编程,因此我无法识别错误的来源。 特别是该方法是: protected static native void addSthToImg() /*-{ $wnd.$(document).ready(function() { var = $wnd.$; var(‘.settingswrapper > img’).addClass(“imgStartup”); if (var(‘.settingswrapper > img’).hasClass(“imgStartup”)) { console.log(“imgStartup exist”); var(‘.settingswrapper > img’) .animate(null, 300, function() { var(‘.settingswrapper > img’).removeClass(“imgStartup”); var(‘.settingswrapper > img’).addClass(“imagePopIn”); }); } }); }-*/; 在Chrome中的控制台上,我看到错误堆栈跟踪: Caused by: com.google.gwt.core.client.JavaScriptException: (TypeError) : Object [object global] […]
我想扩展$.fn对象,以便在我的jquery命令之间有一个延迟 : 像这个工作(和很长)的代码: $(‘.d’).delay(1000).queue( function () { $(this).css(‘background-color’, ‘green’); $(this).dequeue(); }).delay(1000).queue(function () { $(this).css(‘background-color’, ‘red’); $(this).dequeue(); }); 一个工作样本在这里: JSBIN 所以我尝试了这个: 我在jsbin的代码 $.fn.myWait = function (ms) { return this.queue( function () { var _self = this; setTimeout(function () { $(_self).dequeue(); }, ms); }) }; 调用: $(‘.d’).myWait(1000).css(‘background-color’, ‘red’).myWait(1000).css(‘background-color’, ‘green’); 但它不起作用。 我究竟做错了什么 ? ps 我确实阅读了这个类似的解决方案 ,但如果我删除动画部分并仅使用css,它也无法正常工作。
我有一个脚本,在页面上显示/隐藏多个独立的div。 问题是当你点击显示一个div时,无论页面在哪里,它都会自动关注第一个div。 有没有办法专注于显示的div? 这是javascript: function toggleOptions(e) { var ele = e; var text = e.parentElement.querySelector(‘.toggleOptions’) if(text.style.display == “none”) { //ele.style.display = “none”; text.style.display = “block”; text.innerHTML = “TESTING”; ele.innerHTML = “hide”; } else { text.style.display = “none”; //text.innerHTML = “Hide GPS”; ele.innerHTML = “show”; } return false; } 这是html: show ITEM 1 OPTIONS show ITEM […]
我的问题与此类似: 如何使用jquery将文本框值转换为标签 ,但我正在尝试相反:我正在尝试将标签的值放入文本框中。 我认为在代码中切换元素是一件简单的事情,但事实并非如此。 我也看了一下在我的标题下面的“可能已经有你的答案的问题”部分中提出的一些问题,但没有找到帮助我的东西(也许解决方案在其中一个,但我只是不明白…)。 这是我的表格的html: Branch: … 正如上述post的作者所指出的,这不起作用: $(‘input#hdnBranchName’).val() = $(‘label#lblBranchName’).text(); 我试过这些: $(‘input#txtBranchName’).html($(‘label#lblBranchName’).val()); $(‘input#txtBranchName’).text($(‘label#lblBranchName’).val()); 这些都没有奏效。 所以我试着看看是不是我没有正确选择文本框: $(‘table#tblBranchDetails input#txtBranchName’).html($(‘label#lblBranchName’).val()); $(‘table#tblBranchDetails input#txtBranchName’).text($(‘label#lblBranchName’).val()); 但这些都没有。 我该怎么做,作为一个学习更多的问题:为什么我不认为这是明显的方法工作? 谢谢!