Home >Web Front-end >JS Tutorial >What to do if jquery not doesn't work

What to do if jquery not doesn't work

藏色散人
藏色散人Original
2020-12-30 10:05:242020browse

The solution to jquery not not working: first open the code file that does not work; then modify the jquery code to "$(document).not('#date').click(function(){. ..}".

What to do if jquery not doesn't work

The operating environment of this tutorial: Dell G3 computer, Windows 7 system, HTML5&&CSS3&&jquery2.0.0 version.

Recommended: "css video tutorial" "javascript basic tutorial"

Solution to the failure of the not method in jquery

Filter elements When you want to remove an element directly from $(document), using $(document).not('#a') is invalid.

But to solve this kind of problem, you can use other methods, For example

When simulating a drop-down list, the effect you want to achieve is to click on the div, the hidden list appears, click anywhere and the drop-down list disappears

<div id="date">选择日期</div>
<div id="content" style="display:none;">
<ul>
  <li>2月1日</li>
</ul>
</div>

At this time, write directly

$("#date").click(function(){
  $("#content").slideDown();
});
$(document).click(function(){
  $("#content").slideUp();
});

When a div is clicked, the drop-down list first appears and then disappears

The first thing most people think of to solve this problem is to remove the element when setting the click event of the document #date, that is,

$(document).not(‘#date’).click(function(){
  $("#content").slideUp();
});

But not() does not take effect here

At this time, you need to change your mind

The height of the content changes the moment you click date is 1px, the display becomes block

So

$(document).not(‘#date’).click(function(){
  if($("#content").css(&#39;display&#39;) == &#39;block&#39; && $("#content").css(&#39;height&#39;) != &#39;1px&#39;){
    $("#content").slideUp();
  }
});

can achieve the effect of removing the element #date

If you don’t want to use slideDown()

just The same effect must be achieved by adding a variable to record the opening and closing status of the drop-down list

In short, other situations can also solve the problem of setting the question in a similar way

More programming related knowledge , please visit:

Programming Teaching

!!

The above is the detailed content of What to do if jquery not doesn't work. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn