Questions tagged «jquery»

jQuery是一个JavaScript库,请考虑添加JavaScript标记。jQuery是一种流行的跨浏览器JavaScript库,它通过最小化浏览器之间的差异来促进文档对象模型(DOM)遍历,事件处理,动画和AJAX交互。标记为jQuery的问题应与jQuery相关,因此问题代码应使用jQuery,并且问题中至少需要与jQuery使用相关的元素。

7
jQuery .on('scroll')滚动时未触发事件
滚动时,滚动事件未触发ul。我正在使用jQuery 1.10.2版。当我ul从ajax页面加载时,无法使用$('ulId').on('scroll', function() {});或其他实时方法。请帮助我找到解决方案。 $(document).on( 'scroll', '#ulId', function(){ console.log('Event Fired'); });
70 jquery  events  scroll 

15
单击使用jQuery切换
我使用了一个悬停功能,您可以在mouseover上执行x,并在y和mouseout上执行x。我正在尝试相同的点击,但似乎不起作用: $('.offer').click(function(){ $(this).find(':checkbox').attr('checked', true ); },function(){ $(this).find(':checkbox').attr('checked', false ); }); 我希望在单击时选中该复选框div,并在再次单击时取消选中-单击切换。
70 jquery  onclick  toggle 

7
无法使用HTML设置未定义jQuery UI自动完成的属性'_renderItem'
我正在使用以下代码将jQuery UI自动完成项呈现为HTML。这些项目会在自动完成控件中正确呈现,但我不断收到此javascript错误,无法通过它。 Firefox无法转换JavaScript参数 Chrome 无法设置未定义的属性“ _renderItem” donor.GetFriends(function (response) { // setup message to friends search autocomplete all_friends = []; if (response) { for (var i = 0; i < response.all.length - 1; i++) { all_friends.push({ "label":"<img style='padding-top: 5px; width: 46px; height: 46px;' src='/uploads/profile-pictures/" + response.all[i].image + "'/><br/><strong style='margin-left: 55px; margin-top: …


8
通过单击没有输入字段的图像来打开JQuery Datepicker
我想在用户单击图像时打开JQuery Datepicker。此后没有显示所选日期的输入字段。我将通过Ajax将输入的日期保存到服务器。 目前,我有以下代码: <img src='someimage.gif' id="datepicker" /> $(document).ready(function() { $("#datepicker").datepicker({ changeMonth: true, changeYear: true, }).click(function() { $(this).datepicker('show'); }); }); 但是当我单击图像时什么也没有发生。我也尝试过将datepicker()调用的结果保存到全局变量,然后从图像的onclick()事件中调用datepicker('show'),但结果相同。


12
将jQuery datepicker应用于多个实例
我有一个jQuery日期选择器控件,该控件可以很好地处理一次实例,但是我不确定如何使它适用于多个实例。 <script type="text/javascript"> $(function() { $('#my_date').datepicker(); }); </script> <% Using Html.BeginForm()%> <% For Each item In Model.MyRecords%> <%=Html.TextBox("my_date")%> <br/> <% Next%> <% End Using%> 如果没有For Each循环,它会很好地工作,但是如果“ MyRecords”集合中有多个项目,则只有第一个文本框会获得一个日期选择器(这与ID绑定是有意义的)。我尝试将一个类分配给文本框并指定: $('.my_class').datepicker(); 但是,尽管到处都显示一个日期选择器,但它们都更新了第一个文本框。 什么是使这项工作正确的方法?

5
jQuery,Spring MVC @RequestBody和JSON-使之协同工作
我想要双向JSON到Java的序列化 我正在成功使用Java到JSON到jQuery的路径...(@ResponseBody)例如 @RequestMapping(value={"/fooBar/{id}"}, method=RequestMethod.GET) public @ResponseBody FooBar getFooBar( @PathVariable String id, HttpServletResponse response , ModelMap model) { response.setContentType("application/json"); ... } 在JQuery中,我使用 $.getJSON('fooBar/1', function(data) { //do something }); 这很好用(例如,感谢所有回答者,注释已经可以使用了) 但是,我该如何反向:使用RequestBody将JSON序列化回Java对象吗? 无论我尝试什么,我都无法工作: @RequestMapping(value={"/fooBar/save"}, method=RequestMethod.POST) public String saveFooBar(@RequestBody FooBar fooBar, HttpServletResponse response , ModelMap model) { //This method is never called. (it does …

4
如何使用ASP.NET MVC 3和Stackoverflow的Markdown
我已经研究了几个小时,却找不到任何真正的来源。我正在ASP.NET MVC 3中构建站点,并希望利用StackOverflow使用的Markdown编辑器。有人有很好的教程吗? 您在哪里下载最新的降价商品?它用什么语言写?我将从哪里开始将其集成到MVC 3项目中?即使在完成所有搜索和阅读之后,我还是很困惑。 我遇到了一个站点。http://daringfireball.net/projects/markdown/但这似乎有些古怪,而且我似乎必须学习一些我完全没有经验的CGI和PERL。javascript / jQuery版本会很出色。非常感谢任何想法,链接,参考。 更新 我注意到这个问题引起了广泛的关注,因此我决定使用一些有用的参考进行更新。我设法在CodeTunnel.com上让Markdown编辑器正常工作,并为此写了一些博客。希望他们能帮助遇到此问题的任何人。 MarkdownSharp和编码的HTML jQuery WMD插件 查找并实施WMD编辑器

17
Google Maps API v3 + jQuery UI选项卡存在问题
使用Google Maps API在jQuery UI选项卡中呈现地图时,存在许多似乎是众所周知的问题。我已经看到有关类似问题的SO问题(例如,这里和这里),但是那里的解决方案似乎仅适用于Maps API的v2。我检查过的其他参考资料在这里和这里,以及我可以通过Googling挖掘的几乎所有内容。 我一直在尝试将地图(使用API​​的v3)填充到具有混合结果的jQuery标签中。我正在使用所有组件的最新版本(当前是jQuery 1.3.2,jQuery UI 1.7.2,不了解Maps)。 这是标记和javascript: <body> <div id="dashtabs"> <span class="logout"> <a href="go away">Log out</a> </span> <!-- tabs --> <ul class="dashtabNavigation"> <li><a href="#first_tab" >First</a></li> <li><a href="#second_tab" >Second</a></li> <li><a href="#map_tab" >Map</a></li> </ul> <!-- tab containers --> <div id="first_tab">This is my first tab</div> <div id="second_tab">This is my second …

7
jQuery覆盖默认验证错误消息显示(Css)弹出/工具提示,如
我正在尝试使用div而不是标签来替代默认错误消息标签。我也看了这篇文章,并了解了如何做,但是CSS的局限性困扰着我。我如何像这些示例中的那样显示它: Example#1(Dojo) -必须输入无效的输入才能看到错误显示 Example#2 这是一些将错误标签覆盖到div元素的示例代码 $(document).ready(function(){ $("#myForm").validate({ rules: { "elem.1": { required: true, digits: true }, "elem.2": { required: true } }, errorElement: "div" }); }); 现在我对css部分不知所措,但这是: div.error { position:absolute; margin-top:-21px; margin-left:150px; border:2px solid #C0C097; background-color:#fff; color:white; padding:3px; text-align:left; z-index:1; color:#333333; font:100% arial,helvetica,clean,sans-serif; font-size:15px; font-weight:bold; } 更新: 好的,我现在正在使用此代码,但是弹出窗口中的图像和位置大于边框,可以将其调整为动态高度吗? if (element.attr('type') …

13
如何使用JavaScript添加/减去日期?
我想让用户使用JavaScript轻松添加和减去日期,以便按日期浏览其条目。 日期的格式为:“ mm / dd / yyyy”。我希望他们能够单击“下一步”按钮,并且如果日期为:“ 06/01/2012”,则单击下一步时,它应变为:“ 06/02/2012”。如果他们单击“上一个”按钮,则它应变为“ 05/31/2012”。 它需要跟踪of年,每月的天数等。 有任何想法吗? 使用AJAX从服务器获取日期的PS不是一种选择,这有点滞后,也不是客户想要的用户体验。

4
jQuery:如何动态检测窗口宽度?
我的页面上有一个滚动元素(使用jScrollPane jQuery插件)。我要完成的是一种通过检测浏览器窗口的宽度来关闭滚动窗口的方法。我正在做一个响应式布局,并且我希望在浏览器小于某个宽度时关闭此滚动功能。我可以在刷新页面时使其工作,但是当我调整浏览器窗口的大小时,宽度值不会即时更新。 现在,如果我从一个宽为1000像素的窗口开始,然后将其尺寸调整为350像素,则滚动功能仍然存在。我希望滚动功能在浏览器宽度达到440px时立即关闭。 这是我到目前为止的代码。 var windowsize = $(window).width(); $(window).resize(function() { var windowsize = $(window).width(); }); if (windowsize > 440) { //if the window is greater than 440px wide then turn on jScrollPane.. $('#pane1').jScrollPane({ scrollbarWidth:15, scrollbarMargin:52 }); }

4
jQuery $(this)子选择器
我正在使用这个: jQuery('.class1 a').click( function() { if ($(".class2").is(":hidden")) { $(".class2").slideDown("slow"); } else { $(".class2").slideUp(); } }); 页面结构: <div class="class1"> <a href="...">text</a> <div class="class2">text</div> </div> 仅当您没有多个class1 / class2集时,它才起作用: <div class="class1"> <a href="...">text</a> <div class="class2">text</div> </div> <div class="class1"> <a href="...">text</a> <div class="class2">text</div> </div> <div class="class1"> <a href="...">text</a> <div class="class2">text</div> </div> 如何更改初始jquery代码,使其仅影响单击的class1下的class2?我尝试了如何获得$(this)选择器的子级的建议?但没有成功。

9
是否存在用于标识符(id)的通配符选择器?
如果我有数量未知的标识符共享一个特定的命名方案,是否可以使用jQuery一次捕获所有标识符? // These are the IDs I'd like to select #instance1 #instance2 #instance3 #instance4 // What do I need to add or how do I need to modify this jQuery selector in order to select all the IDs above? ("#instanceWILDCARD").click(function(){}

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.