Tag: html
当另一个字段值发生更改时，如何使用jQuery更改字段
我搜索了甚至像JQuery这样的答案：当其他输入字段的值改变时更改值 ，我无法弄清楚这一点。 我试图根据HTML表单输入做一些数学运算。 当用户在第一个和第二个字段中输入数字时，我希望它自动计算到第三个字段以显示总数。 我的表单代码是： Enter Recurring Gift Amount: $ I would like to make this gift for months. Total Gift Amount of $. 我试图运行的javascript是： function replaceRecurringDonationValue() { //make our variables so we don’t forget var perDonationValue = 0; var numberOfMonths = 0; var TotalRecurringDonationValue = 0; //give them their correct values perDonationValue = $(“#recurringDonationValue”).val(); […]
如何在下拉列表中动态显示多个复选框列表
我有一个页面，下拉列表有两个依赖项（dep1，dep2）。 但是，我设法创建动态复选框，但只有一个依赖显示（dep1）源是： 如何使用javascript动态创建复选框列表 。 我不太了解javascript，我尝试在for循环和conditons中使用多个条件。 如何根据下拉列表中的选定数据同时显示dep1和dep2？ 请帮忙！ JavaScript的： function populate(model, destination) { var mod = document.getElementById(model); var des = document.getElementById(destination); des.innerHTML = “”; if (mod.value == “Model-A”) { var optionArray = [“Model-A1”, “Model-A2”, “Model-A3”]; } else if (mod.value == “Model-B”) { var optionArray = [“Model-B1”, “Model-B2”, “Model-B3”]; } for (var option in optionArray) { if […]
在jquery上显示和隐藏鼠标上的元素
我想在鼠标hover时显示按钮并隐藏它们，我尝试了以下代码但不起作用。 “.$Tri_IMAGE.” “.$Tri_CAPTION.” “; } ?> $( “.mybooks” ).mouseenter(function() { $(‘.divbutton’).show(); }); $( “.mybooks” ).mouseleave(function() { $(‘.divbutton’).hide(); });
Jquery显示/隐藏在另一个页面中
我有2个html页面 在第1页中有2个链接“link1”和“link2” 在第2页中还有2个链接“link1”和“link2”以及2 ＆ ＆ 正在使用jquery显示/隐藏 我想当用户点击page1中的link1时它将转到第2页并显示div“id = pan1”，当用户点击page1中的link2时，它将转到第2页并显示div“id = pan2”。 这是第1页的html代码 Link 1 Link 2 这是第2页的代码 HTML Link 1 2 div 1 div 2 CSS #pan1, #pan2{ display:none; } jQuery的 $(document).ready(function(){ $(‘#pan1’).show(); $(‘.linkList li:first-child a’).addClass(‘active’); $(‘.linkList li a’).click(function() { var tabDivId = this.hash; $(‘.linkList li a’).removeClass(‘active’); $(this).addClass(‘active’); //console.log(tabDivId); $(‘.switchgroup’).hide(); $(tabDivId).fadeIn(); return false; }); });
在Internet Explorer 7中隐藏在表格单元格后面的弹出帮助框
好的，所以如果你在Internet Explorer 7中查看这个站点 （我在IE 9中使用浏览器模式工具;只需按F12）。 将鼠标hover在第一行中的表格单元格上时，帮助框 将隐藏在第二行（okay：third）行的background属性后面。 为什么是这样？ 它适用于Chrome，Firefox，Opera和IE 8-9（尽管由于某些原因，jQuery脚本在IE 8中搞砸了）。 我在 ， 和 上尝试了较低的z-index ，但还没有成功。 编辑＃1。 哦是的，表中的所有边框都没有在IE 7中显示。这很奇怪，不是吗？ 编辑＃2。 CodeJack的jQuery解决方案似乎正在运行。 if ($.browser.msie && $.browser.version == “7.0”) { var z = 1000; $(“table, tr, th, td, div”).each(function() { $(this).css(“z-index”, z); z -= 10; }); }
jQuery加载适用于Dreamweaver，但不适用于浏览器
我使用了.load（）函数。 它适用于Dreamweaver的实时视图，但不适用于Firefox，Chrome或IE。 这是我的HTML部分： Homework Assignments ChangeActive（）在一个单独的JS文件（tabsPull.js）中 ： var active = 0 function ChangeActive(active){ if (active==1) { document.getElementById(“a1”).className = “active”; document.getElementById(“a2”).className = “”; document.getElementById(“a3”).className = “”; $(‘#tabInner’).load(‘http://axoplanner.weebly.com/monday.html #content’); } else if (active==2) { document.getElementById(“a2”).className = “active”; document.getElementById(“a1”).className = “”; document.getElementById(“a3”).className = “”; $(‘#tabInner’).load(‘http://axoplanner.weebly.com/tuesdaywednesday.html #content’); } else if (active==3) { document.getElementById(“a3”).className = “active”; document.getElementById(“a1”).className = “”; document.getElementById(“a2”).className […]
除了在Firefox中，下拉菜单闪烁
我有一个类似于这个问题的问题Drop Down Box保持闪烁 -当我将鼠标移到它上面时， JQuery和CSS下拉菜单闪烁，除了它似乎没有在firefox中发生。 我在鼠标输出事件中发出警报，发现每次我从菜单中的一个 到另一个时触发了警报。 这是它背后的html代码的重要部分。 / Options… 如您所见，“account_container”div是下拉菜单。 当用户点击经过身份validation的帐户li时，它会首先出现，并在用户再次点击li或将其删除时消失。 导航div在css中将它的高度设置为40px，所以我认为它可能是一个定位问题，如链接问题，但将高度设置为auto无法修复它，我无法将帐户容器取出导航栏因为那会弄乱它的定位。 为什么浏览器检测到从一个菜单项转移到另一个菜单项作为mouseout事件，我该如何防止它？ 编辑： 我可以做一些类似Andy E对这个问题的回答吗？ 我可以将onmouseout=”hideAccount()”更改为onmouseout=”hideAccount.call(this)”并检测鼠标是否在hideAccount函数内的下拉列表的子元素上？ 如果是这样，我该怎么做呢？ 作为参考，这是hideAccount函数： function hideAccount(){ //alert(“mouse out!”); $(“.account_container”).hide(); }
jQuery .slideToggle，display：none
我有一个逻辑问题。 我有一个CSS下拉菜单，当浏览器或手机的宽度小于690pixles成为仅显示在切换上的菜单时。 即用户需要按下按钮才能显示菜单。 但是，一个逻辑问题是，如果你调整broswer的大小，切换菜单打开，然后再次关闭它并将浏览器的大小调整为全宽，正常菜单消失，因为slideToggle添加了display：none; div元素的样式 – 然后导致布局问题，并且不是非常用户友好。 任何想法如何解决？ HTML： menu-toggle Link 1 Link 2 Link A Link B Link C Link 3 jQuery的： $(“.menu-toggle”).click(function(){ $(“#responsive”).slideToggle( “slow”, function() {}); });
Jquery Animate ScrollLeft无法在ipad上运行
所以即时开发这个网站它完美适用于PC和Mac但在ipad上我有导航问题。 http://remedia-solutions.com/clientes/0039_kiplingmexico/demo2/ 此代码将html，body移动到另一个部分。 它在pc和mac上完美运行。 但是当我在ipad上它只是不起作用。 在这种情况下，它移动到索引部分。 $(“#ini”).click(function() { if($(“#todolocal”).css(“left”) == ‘0px’){ $(“#todolocal”).animate({left: ‘3500px’}, 1000,’easeInOutQuad’,function(){ $(“#todolocal”).css(‘left’, ‘-2500px’) $(‘html,body’).stop(true,false).animate({ scrollLeft: $(“#todoini”).offset().left , scrollTop: 0}, 650); $(‘#todoini’).stop(true,false).animate({ scrollTop: 0 }, 650); lugar= 0; window.location.hash = ”; document.title=”Kipling: Inicio”; $(“#ini”).addClass(‘focusini’); $(“#hist”).removeClass(‘focushist’); $(“#col”).removeClass(‘focuscoleccion’); $(“#cuid”).removeClass(‘focuscuidados’); $(“#suc”).removeClass(‘focussucursales’); $(“#cont”).removeClass(‘focuscontacto’); return false; }); } if($(“#todobolsas”).css(“left”) == ‘0px’){ $(“#todobolsas”).animate({left: ‘3500px’}, 1000,’easeInOutQuad’,function(){ $(“#todobolsas”).css(‘left’, ‘-2500px’) $(‘html,body’).stop(true,false).animate({ scrollLeft: […]
使用select动态更改google maps脚本src
我想在点击其中一个下拉选项时更改Google地图脚本src，因为我在搜索我的页面上的邮政编码时遇到问题。 为了获得正确的结果，我认为我需要在srcurl中使用Google的区域本地化“＆region =”。（ https://developers.google.com/maps/documentation/javascript/basics#Localization ） 我在标记内加载了我的google maps api： 我创建了一个下拉列表 Select Denmark Netherlands Sweden 我希望只要点击其中一个选项，谷歌地图脚本src就会改变。 例如：如果我点击丹麦，则src将更改为： http://maps.googleapis.com/maps/api/js?sensor=false®ion=DK ： http://maps.googleapis.com/maps/api/js?sensor=false®ion=DK 我通过查看动态更改脚本标记的src尝试了一些东西，但我仍然无法弄清楚如何使其工作。 目前我有这个： $(‘#country option’).click(function(e) { e.preventDefault(); var region = $(this).attr(‘value’); var url = ‘http://maps.googleapis.com/maps/api/js?sensor=false®ion=’ + region; }); 当谈到jQuery和javascript时，我真的是新手，所以我想也许我可以在这里得到一些帮助。
