Tag: jQuery

如何同步两个div的滚动位置？: 我想有2个div大小为特定的宽度（即500像素）。一个在另一个上面水平排列。顶部框应该隐藏它的滚动条，底部应该显示一个滚动条，当用户滚动时，我希望顶部框的偏移量改变为底部框的值。所以当底部DIV水平滚动时，看起来顶部DIV也同时滚动。如果能让这个过程变得更简单，我很乐意在Jquery中做到这一点。

将键盘焦点设置为<div>: 我有以下代码片段： <div id="listbox1div" style="z-index:95; background:white; overflow-y:auto; overflow-x:hidden; width:240; height:314px;"> <a id="focusLink2"></a> <table id="ptObj_listbox1… 我有一个dynamic构build<div>元素的页面（比如上面）。这个<div>显示主屏幕顶部的数据。当页面生成div我想设置焦点。我不能把onLoad函数放在body标签上，因为我不知道什么时候会生成div。一个<div>标签不能直接在其上设置焦点。所以我把一个空的<a>标签与我在以下函数中调用的ID： function setTableFocus(count){ var flinkText = 'focusLink'+count; document.getElementById(flinkText).focus(); } 我没有得到任何错误，我知道当页面呈现（通过警报）时正在调用该函数。但是，当我使用箭头键或inputbutton整个页面移动（甚至不是呈现数据的div）。当我点击一个表格元素（使用鼠标）。之后，keydown事件开始工作。我想要做的是将数据呈现给用户，并自动进行键盘驱动。有没有人有任何build议，我可以做到这一点？

jQuery：通过Ajax加载modal dialog内容: 目前我的modal dialog是这样的 <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/humanity/jquery-ui.css" type="text/css" /> </head> <body> <div id="dialog" title="Title Box"> <p>Stuff here</p> </div> <script type="text/javascript"> jQuery( function() { jQuery("#dialog") .dialog( { bgiframe: true, autoOpen: false, height: 100, modal: true } ); jQuery('body') .bind( 'click', function(e){ if( jQuery('#dialog').dialog('isOpen') && !jQuery(e.target).is('.ui-dialog, a') && !jQuery(e.target).closest('.ui-dialog').length ){ jQuery('#dialog').dialog('close'); […]

用jQuery检索Button值: 一个简单的，我试图检索button的价值属性，当它使用jQuery按下，这里是我有： <script type="text/javascript"> $(document).ready(function() { $('.my_button').click(function() { alert($(this).val()); }); }); </script> <button class="my_button" name="buttonName" value="buttonValue"> Button Label</button> 在Firefox中，我的警报显示“buttonValue”，但是在IE7中它显示“button标签”。我应该使用什么jQuery来获取button的值？或者我应该使用不同的方法？非常感谢。答：我正在使用 <input class="my_button" type="image" src="whatever.png" value="buttonValue" />

使用$ .support.cors = true是否安全？在jQuery？: 我正尝试使用jQuery的ajax方法在不同的域上创buildWeb服务。在做了一些研究之后，看起来它不允许这是通过devise来防止跨站点脚本。我遇到了一个围绕这一行的工作： $.support.cors = true; 在我的JavaScript代码的顶部。据我所知，这使得在jQuery跨站点脚本。有这样的代码行使我的网站更容易受到攻击？我一直听说XSS是一个安全问题，XSS有合法用途吗？

使用JavaScript和jQuery处理按键事件（F1-F12），跨浏览器: 我想要使用JavaScript和jQuery处理F1-F12键。我不确定要避免哪些缺陷，目前我还无法在Internet Explorer 8，Google Chrome和Mozilla FireFox 3等其他浏览器上testing实现。任何build议到一个完整的跨浏览器解决scheme？就像一个经过充分testing的jQuery库或者只是香草jQuery / JavaScript？

jQuery：同一事件的多个处理程序: 如果我将两个事件处理程序绑定到同一个元素的相同事件，会发生什么？例如： var elem = $("…") elem.click(…); elem.click(…); 最后一个处理程序“获胜”，还是将这两个处理程序运行？

jQuery – 单击button时增加计数器的值: 我正在做一个系统，用户点击一个button，他们的分数增加。有一个计数器，我想增加使用jQuery的价值（使页面不需要刷新），当button被点击。我将如何去做这件事？ <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script type="text/javascript"> $("#update").click(function() { $("#counter")++; } </script> #update是button，＃counter是计数器。在PHP中，++增加了一些东西的价值。什么是jQuery的等价物？另外，点击button时，还需要发送一个更新mysql数据库分值的请求，而不需要刷新页面。有谁知道我会怎么做？非常感谢更新：我已经尝试了下面的一些方法，但似乎没有任何工作！我需要改变任何其他的工作？我为它创build了一个testing页面： <html> <body> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script type="text/javascript"> var count = 0; $("#update").click(function() { count++; $("#counter").html("My current count is: "+count); } </script> <button id="update" type="button">Button</button> <div id="counter">1</div> </body> </htlm>

$ .ajax的成功和.done（）方法有什么区别？: 任何人都可以帮我吗？我无法理解success与$.ajax .done()之间的区别。如果可能的话，请举例。

为什么不build议“$（）。ready（handler）”？: 从jQuery API文档站点 ready 以下所有三种语法都是等价的： $（文件）。就绪（句柄） $（）。ready（处理程序）（不build议这样做） $（句柄）做完功课后 – 阅读和播放源代码，我不知道为什么 $().ready(handler) 不推荐。第一种和第三种方式是完全一样的，第三种方法调用caching的jQuery对象上的ready函数，其中包含document ： rootjQuery = jQuery(document); … … // HANDLE: $(function) // Shortcut for document ready } else if ( jQuery.isFunction( selector ) ) { return rootjQuery.ready( selector ); } 但是ready函数与所选节点元素的select符没有交互作用， ready源代码： ready: function( fn ) { // Attach the listeners jQuery.bindReady(); // […]