Tag: jQuery

如何发送一个JSON对象使用HTML格式的数据: 所以我有这个HTML表单： <html> <head><title>test</title></head> <body> <form action="myurl" method="POST" name="myForm"> <p><label for="first_name">First Name:</label> <input type="text" name="first_name" id="fname"></p> <p><label for="last_name">Last Name:</label> <input type="text" name="last_name" id="lname"></p> <input value="Submit" type="submit" onclick="submitform()"> </form> </body> </html> 当用户点击提交时，将这个表单的数据作为JSON对象发送到我的服务器，这将是最简单的方法吗？更新：我已经走远，但它似乎并没有工作： <script type="text/javascript"> function submitform(){ alert("Sending Json"); var xhr = new XMLHttpRequest(); xhr.open(form.method, form.action, true); xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8'); var j = { "first_name":"binchen", "last_name":"heris", }; […]

jquery .show（）不透露隐藏的知名度的div: 基本的jQuery问题：我试图揭示一个使用jQuery标记为隐藏的div 。但是我不太明白我在这里创build了一个JSFiddle： http : //jsfiddle.net/VwjxJ/ 基本上我想用style="visibility: hidden;" 而不是style="display: none;" 因为我想要保持隐藏元素的空间尝试使用show() ， fadeIn()等，但都没有工作（他们做的style="display: none;" ）我究竟做错了什么？

ReactJS SyntheticEvent stopPropagation（）仅适用于React事件？: 我试图在ReactJS组件中使用event.stopPropagation（）来停止一个点击事件冒泡并触发一个点击事件，这个点击事件是在传统代码中使用JQuery附加的，但是好像React的stopPropagation（）只停止传播到事件也附加在React中，而JQuery的stopPropagation（）不会停止传播到React附带的事件。有什么办法让stopPropagation（）在这些事件中工作？我写了一个简单的JSFiddle来演示这些行为： http://jsfiddle.net/7LEDT/3/ /** @jsx React.DOM */ var Propagation = React.createClass({ alert: function(){ alert('React Alert'); }, stopPropagation: function(e){ e.stopPropagation(); }, render: function(){ return ( <div> <div onClick={this.alert}> <a href="#" onClick={this.stopPropagation}>React Stop Propagation on React Event</a> </div> <div className="alert"> <a href="#" onClick={this.stopPropagation}>React Stop Propagation on JQuery Event</a> </div> <div onClick={this.alert}> <a href="#" className="stop-propagation">JQuery Stop Propagation […]

使用Handlebars.js（jQuery Mobile环境）的预编译模板: 我在Handlebars中预编译模板时感到困难。我的jQuery Mobile项目正在变得相当大的模板明智，我希望预编译我使用的模板。但是，我似乎无法find一个很好的解释（如一步一步的教程）如何使用Handlebars做到这一点。我仍然有我的模板全部使用脚本标签内联。我有安装使用NPM车把。但现在我有点迷路了。我正在做一些类似的事情 handlebars -s event.handlebars > event.compiled 并以某种方式包括event.compiled内容？但是，那么怎么称呼呢。我打电话像我这样的模板 var source = $('#tmpl_profile').html(), template = Handlebars.compile(source), context = user.profile()), html = template(context); 希望有人能为我阐明这一点。

如何从JavaScript中更改页面: 我有以下代码，从JavaScript内更改页面： var newUrl = [some code to build up URL string]; window.location.replace(newUrl); 但是它不会更改顶部的URL，所以当有人点击后退button时，它不会返回到上一页。如何让JavaScript更改顶级url，以便浏览器后退button有效。

禁用jqueryselect的下拉菜单: 我有一个selectdiv，我使用选定的jquery插件风格和添加function（最显着，search）。 div看起来像这样， <select data-placeholder="add a foobar" id="foobar" style="width: 350px;"> <option value=""></option> </select> 我正在使用这个select的插件， $('#foobar').chosen(); 当一些AJAX加载时，我想禁用整个<select> div。也许有这样的事情， $('#foobar').disable() 或这个 $('#foobar').prop('disabled', true) 我想你应该已经明白了。任何想法如何做到这一点？我已经尝试了许多不同的东西，比如使用jquery idioms来禁用东西，禁用<select>这只是禁用底层的select，而不是select的东西。我甚至采取手动添加一个高z-index另一个div灰盒子，但我认为这可能是丑陋的，越野车。谢谢您的帮助！

如何在JS中停止页面卸载（导航）？: 有谁知道如何阻止页面重新加载或导航？ jQuery（function（$）{ / *全球卸载通知* / warning = true; 如果（警告）{ $（window）.bind（“unload”，function（）{ 如果（确认（“你想离开这个页面”）== true）{ //他们按下确定警报（ 'OK'）; } else { //他们按下取消警报（ '取消'）; 返回false; } }）; } }）; 我目前正在电子商务网站上工作，显示未来订单的页面可以使用+/-button更改已订购商品的数量。以这种方式改变数量实际上并不改变订单本身，他们必须按下确认，并因此做出积极的行动来改变订单。但是，如果他们已经改变了数量并离开页面，我想警告他们，如果这是偶然事件，他们会这样做，因为如果浏览或刷新页面，更改的数量将会丢失。在上面的代码中，我使用了一个默认为false的全局variables（它只对testing是真的），当数量发生变化时，我将更新这个variables为true，当他们确认更改时，我将它设置为false 。如果警告是真的，页面卸载，我给他们一个确认框，如果他们说不，他们想留在这个页面，我需要停止卸载。返回false不起作用，它仍然允许用户导航（警报在那里仅用于debugging）有任何想法吗？

我怎样才能看到附加到HTML元素的事件？: 你好，我是一个新的程序员，仍然在学习。这是我试图找出的代码： <div id="buy" class="buy button">Buy</div> 当我点击div（button），一些JavaScript代码被执行，但我不知道它是。如何知道点击发生时会触发哪些function？一些监听器如何附加到这个元素