Questions tagged «jquery»

我是Vue.js的新手，我已经使用AngularJS一段时间了，并且在过去我们使用Angular来加载模板，例如， template: '/sometemplate.html', controller: 'someCtrl' 我们如何在Vue中做这样的事情，而不是像这样在JavaScript中保留大型HTML模板， new Vue({ el: '#replace', template: '<p>replaced</p>' }) 小型模板可以这样做，但大型模板是否可行？ 有没有办法加载外部模板HTML或在Vue中的脚本标签内使用HTML模板？ <script type="x-template" id="template>HTML template goes here</html>

69 javascript  jquery  angularjs  vue.js 

我目前有一个使用D3的网站，我希望用户可以选择将SVG保存为SVG文件。我正在使用crowbar.js来执行此操作，但它仅适用于chrome。Safari没有任何反应，IE拒绝了click()crowbar.js中用于下载文件的方法的访问。 var e = document.createElement('script'); if (window.location.protocol === 'https:') { e.setAttribute('src', 'https://raw.github.com/NYTimes/svg-crowbar/gh-pages/svg-crowbar.js'); } else { e.setAttribute('src', 'http://nytimes.github.com/svg-crowbar/svg-crowbar.js'); } e.setAttribute('class', 'svg-crowbar'); document.body.appendChild(e); 如何在我的网站上以safari，IE和chrome下载基于SVG元素的SVG文件？

69 javascript  jquery  svg  d3.js 

本质上，我想做的就是在元素获得类后为其提供CSS动画，然后在删除类时反转该动画，而在DOM渲染时不播放该动画。 在这里提琴：http : //jsfiddle.net/bmh5g/ 正如您在小提琴中看到的那样，当您将鼠标悬停在“悬停我”按钮上时，它会#item向下翻转。当您将鼠标悬停在悬停按钮上时，#item它消失了。我想#item向上翻转（最好使用相同的动画，但要反向使用）。这可能吗？ HTML： <div id='trigger'>Hover Me</div> <div id='item'></div> CSS： #item { position: relative; height: 100px; width: 100px; background: red; -webkit-transform: perspective(350px) rotateX(-90deg); transform: perspective(350px) rotateX(-90deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } #item.flipped { animation: flipper 0.7s; animation-fill-mode: forwards; -webkit-animation: flipper 0.7s; -webkit-animation-fill-mode: forwards; } @keyframes flipper …

69 javascript  jquery  html  css 

原型： var array = [1,2,3,4]; var lastEl = array.last(); 有什么与此类似的jQuery？

69 jquery  arrays 

jQuery会在触发时.animate()强制样式overflow: hidden，使我的动画元素混乱，因为我的另一个元素以负位置悬挂在其外部。反正是有避免的方法吗？

69 jquery  css 

我想在使用$（'＃myForm'）。serialize（）+额外数据后添加额外数据 $.ajax({ type: 'POST', url: $('#myForm').attr('action'), data: $('#myForm').serialize(), // I WANT TO ADD EXTRA DATA + SERIALIZE DATA success: function(data){ alert(data); $('.tampil_vr').text(data); } });

69 jquery 

是否可以捕获这些快捷方式？ Ctrl+N Ctrl+T Ctrl+W 我试过了，但是没有用： $(window).keydown(function(event) { console.log(event.keyCode); event.preventDefault(); }); 当我按下T它时，它会显示84在控制台中，但是如果按下Ctrl+，T它什么都不会显示，并打开一个新标签。 我想捕获这些快捷方式并阻止任何浏览器操作。

69 jquery  events  browser  keyboard-shortcuts 

获取所有具有class属性的div $('div[class]') 获取所有没有class属性的div $('div[class!=""]') 该代码有效，但我不明白为什么有效。如果以上代码有效，则所有具有class属性的div的代码应为 $('div[class=""]') 这不会产生任何结果。

68 jquery  jquery-selectors 

我想显示和隐藏div，但我希望它默认情况下是隐藏的，并且能够在单击时显示和隐藏。这是我编写的代码： <a class="button" onclick="$('#target').toggle();"> <i class="fa fa-level-down"></i> </a> <div id="target"> Hello world... </div>

68 javascript  jquery  html  css  twitter-bootstrap 

我需要找出从jQuerykeydown函数调用的处理程序中将哪个字符键入到文本字段中。key.which仅给我键码，但是我需要弄清楚哪个ASCII字符key代表。我该怎么做呢？

68 jquery  event-handling  character  keydown 

我仍然是jQuery和ajax场景的新手，但是我有一个$ .ajax请求，执行GET来检索一些XML文件（〜6KB或更少），但是在用户花那个页面的时间内，XML内容应该不会/不会更改（此设计我无法更改，在从其他地方读取XML文件时也无权更改它）。因此，我有一个全局变量将响应数据存储到该变量中，并且对该数据进行的所有后续查询都将在此变量上进行，因此不需要进行多个请求。 考虑到XML文件可以增加的事实，我不确定这是最佳做法，而且还来自Java背景，因此我对全局公共变量的想法通常是不可以的。 因此，我的问题是，是否可能有更好的方法来解决这个问题，以及如果文件扩展到某个可笑的文件大小，是否会导致任何内存问题？ 我认为数据可以传递到xml对象内部的一些getter / setter类型的函数中，这可以解决我的全局公共变量问题，但仍然引发了一个问题，即我是否应该将响应存储在对象内部。 例如，我目前正在做的是： // top of code var xml; // get the file $.ajax({ type: "GET", url: "test.xml", dataType: "xml", success : function(data) { xml = data; } }); // at a later stage do something with the 'xml' object var foo = $(xml).find('something').attr('somethingElse');

68 jquery  xml  ajax  response 

我有这个jQuery，并且我正在其中更改样式，但是我听说正确的方法是创建一个单独的样式，然后用jQuery替换类。您能解释一下如何正确执行吗： $('.corpo_buttons_asia').click(function() { $('.info').css('visibility', 'hidden'); $('.info2').css('visibility', 'visible'); $(this).css('z-index', '20'); $(this).css('background-color', 'rgb(23,55,94)'); $(this).css('color', '#FFF'); $('.corpo_buttons_global').css('background-color', 'rgb(197,197,197)'); $('.corpo_buttons_global').css('color', '#383838'); }); $('.corpo_buttons_global').click(function() { $('.info').css('visibility', 'visible'); $('.info2').css('visibility', 'hidden'); $(this).css('background-color', 'rgb(23,55,94)'); $(this).css('color', '#FFF'); $('.corpo_buttons_asia').css('z-index', '2'); $('.corpo_buttons_asia').css('background-color', 'rgb(197,197,197)'); $('.corpo_buttons_asia').css('color', '#383838'); }); 因此，除了可以一直使用.css（）之外，我还可以创建另一个类并将其替换为jQuery。

68 javascript  jquery 

JavaScript代码window.print（）可以打印当前的HTML页面。 如果我在HTML页面中有一个div（例如，从ASP.NET MVC视图呈现的页面），那么我只想打印div。 是否有jQuery兼容的JavaScript或普通的JavaScript代码来实现此请求？ 更清楚地说，假设呈现的HTML页面是这样的： <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head" runat="server"> <title> <asp:ContentPlaceHolder runat="server" ID="TitleContent" /> </title> </head> <body> <div id="div1" class="div1">....</div> <div id="div2" class="div2">....</div> <div id="div3" class="div3">....</div> <div id="div4" class="div4">....</div> <div id="div4" class="div4">....</div> <p> <input id="btnSubmit" type="submit" value="Print" onclick="divPrint();" /> </p> </body> </html> 然后我要单击“打印”按钮，仅打印div3。

68 javascript  jquery 

jQuery是一个相当奇怪的问题。我正在加载div <div id="container"> 页面加载。每条记录都是表格数据，并带有与之关联的“删除” ajax函数。当页面加载并单击“删除”链接时，ajax调用会触发。但是，一旦触发事件，就会从ajax调用返回数据，并且div中会填充数据（但页面不会刷新或重新加载）。当我再次单击链接时，ajax脚本将不会触发。这是我的代码： $(document).ready(function() { $("button.done").button({ }).click(function() { var BatchID = $("input#BatchID").val(); var Amount = $("input#Amount").val(); var Name = $("input#CheckName").val(); var Check_Number = $("input#Check_Number").val(); var Company = $("select#Company").val(); var Department = $("select#Department").val(); $.ajax({ type: 'GET', url: '/app/usagCheckEntryWS.html', data: { "BatchID" : BatchID, "Amount" : Amount, "Name" : Name, …

68 javascript  jquery  html  dom-events 

有人可以告诉我为什么循环在5进入后没有停止吗？ http://jsbin.com/ucuqot/edit#preview $(document).ready(function() { someArray = new Array(); someArray[0] = 't5'; someArray[1] = 'z12'; someArray[2] = 'b88'; someArray[3] = 's55'; someArray[4] = 'e51'; someArray[5] = 'o322'; someArray[6] = 'i22'; someArray[7] = 'k954'; var test = findXX('o322'); }); function findXX(word) { $.each(someArray, function(i) { $('body').append('-> '+i+'<br />'); if(someArray[i] == 'someArray') { …

68 jquery  loops  return  each