Search jQuery

jQuery Forum

Using jQuery

marie

Why does this work as hover but not as click functionality

in Using jQuery • 6 years ago

Page being used on:

http://belttechsecond.wpengine.com/login/#tab2_login

code works as hover but not as click. Currently code is set to hover.

jQuery(document).ready(function() {

jQuery(".tab_content_login").hide();

jQuery("ul.tabs_login li:first").addClass("active_login").show();

jQuery(".tab_content_login:first").show();

jQuery( "ul.tabs_login li" ).hover(function() {

jQuery("ul.tabs_login li").removeClass("active_login"); // take the class off all li's

jQuery(this).addClass("active_login"); // put the class on the current li

var activeTab = jQuery(this).find("a").attr("href");

jQuery(".tab_content_login").hide();

if (jQuery.browser.msie) {jQuery(activeTab).show();}

else {jQuery(activeTab).show();}

return false;

});

Replies(8)

gautamx07

Re: Why does this work as hover but not as click functionality

6 years ago

Where is the code for the click event , that does not work ?

also i believe you would want to use either hover or click , not both.

Also using hover is kind of a bad idea , because mobile phones have no hover . SEE HERE.

watusiware

Re: Why does this work as hover but not as click functionality

6 years ago

Also using hover is kind of a bad idea , because mobile phones have no hover

That seems a moot point with this site. On my iPad, I get a white screen. Eventually.

The site does load on desktop. The tabs change on hover, and if you click on a tab, it scrolls the tab to the top of the screen.

Not sure what you were trying to accomplish, as you haven't said what it's supposed to do, or if the site you pointed us to is the "working" version or the "non-working".

It's an extraordinarily complex page to dig through. I think it has TWO kitchen sinks! ;)

marie

Re: Why does this work as hover but not as click functionality

6 years ago

I'm trying to get the tabs to display their content on the click. I'm merely changing the code from a hover to t a click . If you click, user login, you'll get related text. If you click, New User Registrations, you'll get a registration form.

jQuery(document).ready(function() {

jQuery(".tab_content_login").hide();

jQuery("ul.tabs_login li:first").addClass("active_login").show();

jQuery(".tab_content_login:first").show();

jQuery( "ul.tabs_login li" ).click(function() {

jQuery("ul.tabs_login li").removeClass("active_login"); // take the class off all li's

jQuery(this).addClass("active_login"); // put the class on the current li

var activeTab = jQuery(this).find("a").attr("href");

jQuery(".tab_content_login").hide();

if (jQuery.browser.msie) {jQuery(activeTab).show();}

else {jQuery(activeTab).show();}

return false;

});

watusiware

Re: Why does this work as hover but not as click functionality

6 years ago

Can you make a page with the click code enabled, so that we can try it?

Otherwise, all we can do is guess.

I guess there is some conflict with the OTHER click handler for the tabs, because I notice on this page that if I click on a tab, it DOES do something - which is to scroll the page so that the tabs are at the top.

You might switch around the order of the click event registrations, or combine both into one callback instead of having two.

marie

Re: Why does this work as hover but not as click functionality

6 years ago

Okay. I put the code up as a click.

watusiware

Re: Why does this work as hover but not as click functionality

6 years ago

I wouldn't know where to begin to look for your click code in that haystack!

Want to give us a hint?

marie

Re: Why does this work as hover but not as click functionality

6 years ago

path to the javascript.

http://belttechsecond.wpengine.com/wp-content/themes/Divi-child/js/ai_custom.js?ver=1.0.0'

marie

Re: Why does this work as hover but not as click functionality

6 years ago

"I guess there is some conflict with the OTHER click handler for the tabs, because I notice on this page that if I click on a tab, it DOES do something - which is to scroll the page so that the tabs are at the top."

How do I track down this other click event? I can't seem to find where it's coming from

Top Reply

Response title

Attachments

jQuery Forum

Why does this work as hover but not as click functionality

Replies(8)

Re: Why does this work as hover but not as click functionality

Re: Why does this work as hover but not as click functionality

Re: Why does this work as hover but not as click functionality

Re: Why does this work as hover but not as click functionality

Re: Why does this work as hover but not as click functionality

Re: Why does this work as hover but not as click functionality

Re: Why does this work as hover but not as click functionality

Re: Why does this work as hover but not as click functionality

Statistics

Tags

Actions

Related Posts