I followed a tutorial on W3Schools website about making a dropdown menu from a button. Everything works fine EXCEPT that when the user clicks inside the dropdown menu the menu itself disappears. I wanted to make a LOGIN button where the user clicks on the button, it displays a dropdown menu where he/she can input his/her username and password and click Login. I want to keep the feature where
我遵循W3Schools网站上关于从按钮制作下拉菜单的教程。 一切工作正常除了当用户点击下拉菜单内的菜单本身消失。 我想在用户点击按钮时创建一个登录按钮，它显示一个下拉菜单，他/她可以输入他/她的用户名和密码，然后单击登录。 如果用户点击下拉菜单之外的任何其他区域，我想保留该功能，它会自动关闭下拉菜单。 我的问题是，当用户点击里面的任何区域的下拉菜单中消失。 如何在使用JavaScript的情况下单击下拉菜单时防
I wish to create a menu (a sign-up menu), see this to get an idea of it. When user clicks on this button/link a drop-down menu appears, using which he can do something (here login). The behaviour of the link should be the following: The drop-down menu should appear when clicked on this button/link. when clicked anywhere on the page (including the button/link itself), but outside the menu,
我想创建一个菜单（一个注册菜单），看到这个了解它。 当用户点击这个按钮/链接时，出现一个下拉菜单，使用它可以做一些事情（在这里登录）。 链接的行为应如下所示： 单击此按钮/链接时应显示下拉菜单。 当在页面的任何地方点击（包括按钮/链接本身），但在菜单之外时，菜单应该消失。 如果在下拉菜单的某处点击，菜单不应该消失。 下拉菜单中的所有控件都可以使用。 我做了一些设法让前三个工作，但然后下拉菜单
I am developing a simple dropdown menu with jquery . When a user press on a trigger area , it will toggle the dropdown area. My question is how to have a click event outside of the dropdown menu so that it close the dropdown menu ? You can tell any click that bubbles all the way up the DOM to hide the dropdown, and any click that makes it to the parent of the dropdown to stop bubbling. /* An
我正在开发一个简单的下拉菜单与jQuery。 当用户按下触发区域时，它将切换下拉区域。 我的问题是如何在下拉菜单外单击一个事件，以便关闭下拉菜单？ 你可以告诉任何点击，从DOM到整个DOM的隐藏下拉菜单，以及任何点击，使其到下拉菜单的父母停止冒泡。 /* Anything that gets to the document will hide the dropdown */ $(document).click(function(){ $("#dropdown").hide(); }); /* Clicks within the dropdown won
I have a floating div that gets displayed, and I want it to be hidden when the user clicks off the div. This would be similar to the .hover() function callback when hovering off an element. Only I want to do this for click. I tried just setting a click event for the body, which would hide the div, but that gave unexpected results. Anyone have ideas on how I could easily do this? Another,
我有一个浮动div显示，并且我希望它在用户点击div时隐藏。 这与悬停元素时的.hover（）函数回调相似。 只有我想这样做点击。 我试图设置一个单击事件的身体，这将隐藏分区，但是这给了意想不到的结果。 任何人都有关于如何轻松做到这一点的想法？ 另一个可能更简单的选项是在浮动DIV和页面的其余部分之间添加一个透明div。 透明DIV上的一个简单的单击事件可以处理隐藏，并且可以避免您遇到的单击事件所遇到的问题。 如
I tried to create a function to show and hide a div, to hide the div user can use close button or click outside the div, but the problem is the close function to hide the div if user click element outside the div run first before i the div is showed: html: $('#close-add').on('click', function() { $("#add-shipping-modal").hide(); }); $('#new-shipping').on('click', function() { $("#add
我试图创建一个函数来显示和隐藏一个div，为了隐藏div用户可以使用关闭按钮或点击div之外，但问题是隐藏div的关闭功能，如果用户点击div之外的元素之前首先运行我该div显示： HTML： $('#close-add').on('click', function() { $("#add-shipping-modal").hide(); }); $('#new-shipping').on('click', function() { $("#add-shipping-modal").show(); }); $('body').click(function(event) { setTimeout(
I have a div that acts as a tooltip, and a link to show this tooltip. This part works fine. <div class="tooltip"> <span class="tooltip_help"> <a onclick="toggleTooltips('tooltip1');" title="Tip"> <img src="/ca/images/general/tooltip.png" alt="tooltip icon" title="Tip" align="absmiddle" border="0" /> </a> </span> <d
我有一个作为工具提示的div，以及显示此工具提示的链接。 这部分工作正常。 <div class="tooltip"> <span class="tooltip_help"> <a onclick="toggleTooltips('tooltip1');" title="Tip"> <img src="/ca/images/general/tooltip.png" alt="tooltip icon" title="Tip" align="absmiddle" border="0" /> </a> </span> <div id="tooltip1" clas
in jQuery function: .on(event, [selector,] [data,] handler) How jQuery parse this call: on('click', 'tag3', () => {}) tag3 is selector or data ? The last argument must be the handler. So if there are two arguments there there is no data and no selector . If there are four arguments than the second one must be selector and the third one must be data . So it only be
在jQuery函数中： .on(event, [selector,] [data,] handler) jQuery如何解析这个调用： on('click', 'tag3', () => {}) tag3是选择器还是数据 ？ 最后一个参数必须是处理程序。 所以如果有两个参数那里没有data和selector 。 如果有四个参数，而第二个必须是selector ，而第三个必须是data 。 所以只有三个参数才会变得棘手。 如果第二个参数不是一个字符串，那么它不能是一个选择器，所以它
I try to create a function, I pass a selector plus the value and I would like to get text function getTextBySelectorAndValue(selector, value) { return $(selector + " option[value='" + value + "']").text(); } Error i get it's Syntax error, unrecognized expression: [object Object] option[value='1'] Seem like selector is not really working I call this method like getTextBySele
我尝试创建一个函数，我通过一个选择器加上值，我想获得文本 function getTextBySelectorAndValue(selector, value) { return $(selector + " option[value='" + value + "']").text(); } 错误我得到它的语法错误，无法识别的表达式：[对象对象]选项[值='1'] 看起来像选择器没有真正的工作 我把这个方法称为 getTextBySelectorAndValue($("#lodgerAppointmentLocation"), $("#lodgerAppointmentLocation").val
Related: Check if object is a jQuery object I have an object x , and after running console.log(x) Chrome's debugger shows me this: How can I check if x is a jQuery.Event using JavaScript? (I've tried Object.getPrototypeOf , toString and obj.constructor ). Agreeing @Rocket's comment: instanceof is the way to go. You can try this on SO's website in the JS console var x = $.
相关：检查对象是否为jQuery对象 我有一个对象x ，并且在运行console.log(x) Chrome的调试器向我显示了这一点： 如何检查x是否是使用JavaScript的jQuery.Event ？ （我试过Object.getPrototypeOf ， toString和obj.constructor ）。 同意@ Rocket的评论： instanceof是要走的路。 你可以在JS的控制台的SO网站上试试 var x = $.Event() x instanceof $.Event 更多信息可以在这个类似的帖子中找到：https://stackoverflo
I'm trying to trigger the scroll event through jQuery and JavaScript for a wordpress site that I'm developing. $(window).scroll(function() { var hT = $('#target').offset().top; hH = $('#target').outerHeight(); wH = $(window).height(); wS = $(this).scrollTop(); console.log((hT-wH) , wS); if (wS > (hT+hH-wH)){ console.log('working'); } }); And no
我试图通过jQuery和JavaScript为我正在开发的一个WordPress网站触发滚动事件。 $(window).scroll(function() { var hT = $('#target').offset().top; hH = $('#target').outerHeight(); wH = $(window).height(); wS = $(this).scrollTop(); console.log((hT-wH) , wS); if (wS > (hT+hH-wH)){ console.log('working'); } }); 控制台上没有任何事情发生。 以下代码不起作用： $(w