我在我的rails应用程序中使用google map api,当有人使用地图时,我想用jquery显示div。 地图包含在id为search_map_container的div中,所以我尝试了 $(‘#search_map_container’).click(function() { $(‘#my_div’).show(); }); 但它失败了。 它也会因.focus() .focusin() .mouseenter()或.change()事件而失败。 对于putvande:我的html是一个简单的div: This is a test 谷歌地图html是由谷歌生成的: … Google map code … 对于Bharat Soni:我的意思是当有人点击谷歌地图或滚动或缩放。
http://jsfiddle.net/D6be5/ HTML Enter text Enter text Add Row jQuery的 $(document).ready(function() { $(this).on(‘click’, function(event) { if ( ! $(event.target).closest(‘table’).hasClass(‘example’)) { $(‘table label’).show(); $(‘table textarea’).hide(); } }); $(‘table td’).on(‘click’, function() { $(‘table label’).show(); $(‘table textarea’).hide(); $(this).find(‘label’).hide(); $(this).find(‘textarea’).show(); }); $(‘#add-row’).on(‘click’, function() { _this = $(‘table tr.clone’) .clone() .removeClass(‘clone’) .insertBefore(‘.clone’); _this.append(‘Enter textEnter text’); }); }); CSS table textarea { […]
我有4个字段 – 开始日期(使用jQuery datepicker的文本字段),开始时间(下拉选择),完成日期(使用jQuery datepicker的文本字段)和完成时间(下拉选择)。 Start Date Start Time 09:00 09:30 10:00 10:30 11:00 11:30 12:00 Finish Date Finish Time 09:00 09:30 10:00 10:30 11:00 11:30 12:00 我正在使用标准的jQuery Datepicker Widget函数来确保结束日期始终与开始日期相同或晚于: $( “#start_date” ).datepicker({ dateFormat: ‘dd/mm/y’, minDate: new Date(), onClose: function( selectedDate ) { $( “#finish_date” ).datepicker( “option”, “minDate”, selectedDate ); } }); $( “#finish_date” ).datepicker({ […]
我在我的网站上设置了同位素订单和排序,但是如果我将订单更改为数字,则会将项目排序错误。 例如,我有这样的项目: 使用像这样的同位素代码: $container.isotope({ itemSelector : ‘.boxm’, masonry : { columnWidth : 67, cornerStampSelector: ‘.corner-stamp’ }, getSortData : { name : function($elem){ return $elem.attr(‘data-name’); }, number : function($elem){ return $elem.attr(‘data-number’); } } }); $sortLinks.click(function(){ var $this = $(this); if($this.hasClass(‘selected’)){ return false; } var $isSet = $this.parents(‘.option-set’); $isSet.find(‘.selected’).removeClass(‘selected’); $this.addClass(‘selected’); var options = {}, key = $isSet.attr(‘data-option-key’), […]
我有一些问题试图在我的页面中有一个平滑的滚动,基本上我有这样的页面周围的锚标签: Module Description … 我使用以下javascript工作正常,但问题是,如果我使用此脚本,bootstrap 3的模态和其他function中断,不再工作 $(‘a[href*=#]:not([href=#])’).click(function() { if (location.pathname.replace(/^\//,”) == this.pathname.replace(/^\//,”) || location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $(‘[name=’ + this.hash.slice(1) +’]’); if (target.length) { $(‘html,body’).animate({ scrollTop: target.offset().top }, 1000); return false; } } }); 我想知道什么可能是这个脚本的解决方案或有其他类似的脚本,使用bootstrap测试3谢谢
我有下表: text1 text2 text3 text4 text5 text6 text7 text8 对于每个 我想在第8个 保存字符串中name属性的值我试过这个: function DownloadZip() { $(‘.DownloadZip’).click(function(){ var res = “”; $(‘#table_csrdownloadcenter’).find(“tbody”).find(“tr”).find(td:nth-child(8)).find(“input”).each(function(){ res = $(this).attr(“name”).text(); alert(res); } }); } 任何人都可以帮助我使这个工作吗?
我试图通过隐藏它并放入我自己的控件来设置ASP.NET FileUpload控件的样式。 我是用jQuery做的: $(function () { $(‘input[type=file]’).each(function () { var fileUpload = $(this); var textBox = $(”); textBox .css(‘width’, fileUpload.width() – 85) .css(‘margin-right’, 5) .prop(‘disabled’, fileUpload.prop(‘disabled’)); var button = $(”) .prop(‘disabled’, fileUpload.prop(‘disabled’)); fileUpload.change(function () { textBox.val(fileUpload.val()); }); button.click(function () { fileUpload.click(); }); fileUpload.after(button).after(textBox); fileUpload.hide(); }); }); 这基本上很好用,除了我需要在IE(10)中两次单击我的提交按钮。 我无法在jsFiddle中重现这一点,但我确实在它发生的情况下制作了一个简化的ASP.NET项目 。 在Firefox中,我没有这个问题。 有谁知道我可以从哪里开始看?
我有3个jQuery Tools Scrollables设置。 他们像冠军一样工作。 我似乎无法找到或包围我的头脑是如何让他们在开始滚动之前“延迟”他们的初始起点。 我不想要的是所有3在同一时间滚动。 我希望左边的一个在加载时立即滚动。 然后中间开始它第一次滚动800毫秒后,然后右边开始它第一次滚动1600毫秒后。 这就是我到目前为止所得到的…… fireDelay或者只是Delay或InitialDelay等……似乎根本不起作用。 我正在使用此站点的jQuery插件。 http://www.jquerytools.org/demos/scrollable/plugins.html它被称为“Scrollable Plugins in Action”。 我正在使用它的独立视图3次。 http://www.jquerytools.org/demos/scrollable/plugins-navigator.htm我为每个人提供了自己的ID以便它可以工作。 思想或想法赞赏! $(document).ready(function() { // heeeeeeeeeeere we go. $(“#chained1”).scrollable({circular: true, mousewheel: false}).navigator().autoscroll({ fireDelay: 800, interval: 3000 }); $(“#chained2”).scrollable({circular: true, mousewheel: false}).navigator().autoscroll({ fireDelay: 1600, interval: 3000 }); $(“#chained3”).scrollable({circular: true, mousewheel: false}).navigator().autoscroll({ fireDelay: 3200, interval: 3000 }); });
我开始怀疑jquery易于使用和灵活。 我有这个: var prodata=[]; var request = $.get(“proDB.txt”, function(data) { var lines=data.split(/\n/); var numberofmodels=lines.length-2; //var prodata=[]; var i; prodata.push(0); var fieldnames=lines[0].split(/\t/); for (i = 1; i < lines.length-1; ++i) { var fields=lines[i].split(/\t/); prodata.push(i); var j; prodata[i]={}; for (j = 0; j < fields.length; ++j) { //prodata[i][fieldnames[j]]=fields[j]; var str=fieldnames[j]; prodata[i][str]=fields[j]; } } //FILL THE DROPDOWN LIST […]
我有一个Fancybox 2 iframe模态窗口,其中包含一个“添加到购物车”表单。 提交表单后,将在Fancybox模式窗口中加载成功/确认页面。 我想在这个关闭Fancybox窗口的成功/确认页面上运行一个脚本,并将父窗口重定向到这个URL:’/ shop / basket’我该怎么做? 这是我目前获得的代码(它只关闭了Fancybox窗口,但没有进行父窗口重定向): $(function() { parent.$.fancybox.close(); }); 编辑: 这是我在functions.js文件中初始化Fancybox的方法: $(“.add-to-cart-popup”).fancybox({ width : 580, height : 744, closeClick : false, scrolling : ‘auto’ }); 编辑2: 这段代码完成了我正在寻找的东西 – 但任何人都可以想到更好的方法吗? 这只是我一起入侵的东西: $(function() { parent.$.fancybox.close(); }); window.parent.location.href = ‘/shop/basket’;