Home > Article > Web Front-end > What to do if jquery not doesn't work
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(){. ..}".
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('display') == 'block' && $("#content").css('height') != '1px'){ $("#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 TeachingThe 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!