Search jQuery

jQuery Forum

.hover and .click, resizing

in Using jQuery • 5 years ago

I don't think i used correctly. I think there are another way to do reload(after resize) and not for the whole page,but just for function. Any Tips?

$(document).ready(function(){

if (document.body.clientWidth <= 1400) {

$( window ).resize(function() {

location.reload();

});

var a=$('.myMenu ul li.has-children > a');

a.click(function() {

$(this).parent().siblings().find('ul').slideUp();

$(this).next('ul').stop(true, false, true).slideToggle()

return false;

});

} else {

$( window ).resize(function() {

location.reload();

});

$('.myMenu ul li').hover(function() {

$(this).children('ul').stop(true, false, true).slideToggle();

});

}

});

Replies(15)

watusiware

Re: .hover and .click, resizing

5 years ago

reload means reload. Period. All or none.

I don't know what you mean by "just for function". Can you explain?

Maybe you want to use Ajax. You will have to make some server code to send just the part of the page you want, or else filter the result sent back with some jQuery code.

https://learn.jquery.com/ajax/

watusiware

Re: .hover and .click, resizing

5 years ago

I still don't understand your question. Can you please use Google Translate, and then also translate BACK to your own language and make sure it makes sense? Keep adjusting words until it comes back making sense!

There is no point in doing a resize and then a reload. When you reload, EVERYTHING about the page is lost! It is starting over with a fresh page.

The user (might) briefly see the page resize, and then it will be replaced with a new page.

watusiware

Re: .hover and .click, resizing

5 years ago

I'm sorry, I still do not understand your question, and the pictures make me even more confused, because they don't seem to have anything to do with your question about resizing the page. Now you are showing a menu, which you never mentioned! It seems you are asking many different questions - can you ask about just one issue at a time?

You do not have to reload the page in order to resize elements when the browser window size changes. Nor do need to use any jQuery either. Google for "responsive design" and "CSS media query".

I see you are doing something with hover. Hover does not work well on touch-screen devices, as they don't really have a "hover" functionality, and they all fake it differently. Any, anyway, the user's finger blocks the hover, and so it really is not very useful. I would never use a cascading menu on a touchscreen interface! If this is mainly for touch-screen devices, I think you should re-think your design.

Airidas