Why don't execute event JQUERY?

Question

0.00/5 (No votes)

See more:

Hello! I use bootstrap's Button dropdown menus and there is code:

XML

<div class="btn-group open">
  <button class="btn btn-mini" data-toggle="dropdown">AN</button>
  <button class="btn btn-mini dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <li><input type="checkbox" name="currency[]" value="1" id="1"> <span>AZN</span></li><li><input type="checkbox" name="currency[]" value="3" id="3"> <span>EUR</span></li><li><input type="checkbox" name="currency[]" value="4" id="4"> <span>RUB</span></li>
  </ul>
</div>

C#

$(document).ready(function(){

$('.dropdown-menu').blur(function() {
  alert('s');
  $(this).hide();
});

I try to close block after it lose focus.
Why my block .dropdown-menu does not hide?

Posted 10-May-13 9:33am

Jardin1

Add a Solution

Comments

Sergey Alexandrovich Kryukov 10-May-13 16:02pm

First of all, you have unbalanced {} brackets in your script
—SA

Jardin1 10-May-13 16:13pm

Made here:

$('.dropdown-menu').mouseleave(function(event) {
$(this).closest('div.btn-group').removeClass('open');
});

Does not work

Jardin1 10-May-13 16:19pm

Thank you!

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

**Zoltán Zörgő** · Answer 1 · 2013-05-10T09:57:00

Solution 1

onblur event is not standard on div elements, it is meant for input tags. Use onmouseleave instead. onmouseout won't work correctly either - see the explanation: http://www.mkyong.com/jquery/different-between-mouseout-and-mouseleave-in-jquery/[^]

Posted 10-May-13 9:57am

Zoltán Zörgő

Comments

Sergey Alexandrovich Kryukov 10-May-13 16:06pm

My 5. I would say, this is because the element "ul" (this is ul, not div) is not a selectable element, you can do such things on controls only. Besides, the brackets in code are not balanced.
—SA