JQuery :: Jumping Show / Hide In Chrome And Safari

Sep 21, 2009

I am building a simple show/hide list with the jquery. It works great on IE and Firefox but in Chrome and Safari the closing menuitems shift the whole menu to the left for a second and then back to its origin. I have about 20 menuitems that each hold about 5 submenu items. The goal is to show the 5 items only on mouseover on the menuitems and then hide it once the mouse moves away.

Here is the code:
<script type="text/javascript">
$(document).ready(function(){
//Hide all subsubmenus
$(".subcategories").css("display","none");
});
</script>
<li><a href="/kleinanzeige-aufgeben/geschenke.htm" onmouseover=" $
('.subcategories:not(#86)').hide('fast');$('#86').show('fast');"
title="Geschenke">Geschenke</a></li>

View 4 Replies


ADVERTISEMENT

JQuery :: Show / Hide Playing Up In Safari

Aug 10, 2009

I have just started a new job and am building my first website for them. I am using Jquery to try and impress them but after trying and testing the site in Safari, I am stumped as to why such a basic function its going wrong. The script works fine in ie and firefox so. I have stripped all the non necessary code out of this and placed the css and javascript inside the head.

Code:
<html>
<head>
<style type="text/css">
html {
font-size:16px;
margin:0;
padding:0
} body,div,p {
margin:0;
padding:0;
background: #eee;
} .....

If you load that code in firefox you will see that by clicking on 'show porfolio', a yellow div slides open and pushes the black div to the right. You click 'hide portfolio' and the black div slides back and the yellow div hides. You can open and close the portfolio div as often as you like and it works a treat. If you try doing the same in safari, it works the first time but then
it starts pushing the black div down.

View 1 Replies View Related

JQuery: Show/hide Buggy In Chrome

Oct 28, 2010

I'm having a heck of a problem with some jQuery. The key issue is that I can't change the structure of the HTML. The items hide/show just fine in Firefox, but in Chrome they're buggy.

The "home-teaser" pops under the "home-thumbnail" div. I suspect it has to do with how I hide all the "home-teaser" first and then show the one I want.

Code:

<div class="view-content">
<div class="views-row views-row-1 views-row-odd views-row-first">
<div class="home-thumbnail"><img /></div>
<div class="home-teaser"></div>

[Code]....

View 2 Replies View Related

JQuery :: Function .show/hide Not Working In Chrome/IE8 But Fine In FF?

Mar 5, 2011

just started using jQuery,and i'm having a problem using the function .show()/.hide() to make a div appear and disapear when a certain option value is selected.It's working fine in firefox but not working at all in chrome and IE 8.This is the function code i'm using :

$(function(){
$("#produtos").click(function(){
$("#produtos_valor").show("slow");

[code]....

View 3 Replies View Related

Hide / Show Safari Issues

Jul 31, 2007

I have an interesting issue in Safari where I have a DIV and inside
that DIV I have an IFRAME. If I do a hide or show of the DIV using
dv.style.display="none" or dv.style.display="block" with dv being the
DIV Object itself it reloads the IFRAME and I now end up with the
content of the IFRAME twice within the DIV (one under the next).

This code works fine in IE 6 and 7, Firefox, Netscape 8/9 and even on
Firefox on the Mac. Anyone have any idea what the issue might be in
Safari and how I can work around it.

View 1 Replies View Related

JQuery :: Toggle Function - Hide/show Table When Hide/show Button Is Pressed

Sep 12, 2011

I am trying to hide/show table when hide/show button is pressed

Problem: The code works fine when I remove 'slow' from line 10. But with 'slow' in line 10 content of toggleButton doesnt change from Hide to Show when pressed.

Code:

View 1 Replies View Related

JQuery :: Dropdown Works In FF And IE But Not Safari, Chrome & Ope?

Jul 28, 2009

I created a drop down menu (i think i followed a tutorial but it was so long ago i can't remember) which works 100% perfectly in firefox and internet explorer but not opera, safari and chrome. I really want to get it working in all of them though.The Jquery Code:

var $j= jQuery.noConflict();
$j(document).ready(function(){
$j(".message_body").hide();

[code]....

View 1 Replies View Related

JQuery :: Only Working In Safari (mac) And Not For Firefox Or Chrome?

Sep 15, 2010

Why is jQuery only working in Safari (mac) and not for Firefox or Chrome?

[URL]

View 13 Replies View Related

JQuery :: Safari And Chrome Code Execution?

Jun 9, 2009

I'm developing with jQuery quite long right now, but recently I spotted one big problem with execution of jQuery code in Safari and Chrome. So everything is working fine in these browsers until jQuery code is placed in one page. But when using for example tabs plug-in loaded with ajax and on this loaded page exists some extra jQuery code it isn't executed.Co page is loaded but nothing is happening with code which was included. This problem doesn't exists in IE, FF or Opera. It appears only in Safari and Chrome. The same problem is when I'm loading page with $.get, $.post or $.ajax query. So it doesn't affect tabs plug-in but
overall functionality. I was checking that with latest versions of jQuery and UI today.

View 3 Replies View Related

JQuery :: Selectors In MozillaFirefox Vs. Safari/Chrome?

Jul 10, 2010

there is a html element:

[Code]...

View 5 Replies View Related

JQuery :: Flickering With Accordion - Chrome Or Safari

Nov 30, 2011

I have a small accordion I'm using for a menu for a local A&W francise (Demo: [URL] When you view it in either Chrome or Safari, you get a flickering that is quite annoying. Does anyone know what is causing this or how to fix it?

View 1 Replies View Related

JQuery :: Chrome & Safari - Not Answering InArray Correctly?

Jun 25, 2010

I'm using inArray() to check an XML tag against an array called status[]. If the result != -1, then do one set of instructions, else, the item is 'available' so do another set of instructions. Each entry of my XML document has a <status> tag, which will contain one of 3 values, or a 4th option 'available'. I have an array setup called status['sold', 'pending', 'reduced']. If the <status>.text() is one of these 3 values, then we'll get the array position, if it's 'available' we should get -1.

When I run this in Firefox (3.6) & IE (8.0 or Comp Mode) it works fine. However, when I run this in Safari (4 or 5) & Chrome, it returns the value -1 for each of the entries. The 3rd, 5th, & 7th entries are all set to <status> 'sold' and inArray() should be returning a 0.

[Code]...

View 3 Replies View Related

JQuery :: Cluetip Not Working In IE, Safari And Chrome FF Is Fine?

May 30, 2010

I'm using Cluetip to display some additional information.It all works fine in FF.In IE I see a message that the file could not get loaded. In Safari and Chrome I don't see the "mehr" button at all.[URL]..

View 1 Replies View Related

JQuery :: Images Loading In Firefox And IE But Not On Chrome Or Safari

Mar 21, 2011

I have a jQuery based gallery [URL] that will load thumbnails to the bottom of a page, however for some reason these images only load on Firefox and IE (Not Chrome or Safari). I'm not sure this is due to jQuery completely.

View 3 Replies View Related

JQuery :: $.ajax() In Safari And Chrome Doesn't Work?

Nov 20, 2010

I want use $.ajax to read some infomation from xml file,here is my js code :

$
.
ajax
({

[Code].....

However, the code only work great in firefox and opera. It doesn't work in chrome(7.0.517.24 ) and safari(5.0.1),failed without any alert,not even the alert("ajax failed"). Is there any bug in $.ajax in chrome and safari?

View 3 Replies View Related

JQuery :: Handling Key Event In Chrome Or Safari During A Popup?

Jun 9, 2009

I am currently following the image popup example from:[URL]If I run the demo on Windows XP on Chrome or Safari, the escape keydoesn't close the popup window. How do I handle this in jQuery for

View 2 Replies View Related

JQuery :: Xml Attribute Not Working In Safari And Google Chrome?

Dec 4, 2009

Here is the code snippet. the var url is undefined in some browsers.

$.ajax({
url: "rss.php",
cache: false,
success: function(rss){

[Code].....

This works fine in IE and Firefox. But Google Chrome and Safari fails.

Using an rss plugin produces the same error, so it seems to be with jQuery.

View 1 Replies View Related

Jquery :: Sortable Not Working In Tabs On Chrome - Safari

Nov 23, 2011

I have a web site that contains jquery tabs and one tab consists of a sortable jquery. Although the sortable works induviduallay it doesnt work when it is put into the tabs.

My tab code is as follows.

And the sorting code is as follows:

The tabs and sortable is in the following link.

[url] (The sortable here is working)

[url](Here it is not working)

View 3 Replies View Related

JQuery :: InnerWidth Doesn't Count Scrollbars In Safari / Chrome

Aug 26, 2009

Does anyone knows a method to measure the scrollbar's width, which works in Safari/Chrome.

The innerWidth function doesn't seem to take the scrollbar's width into account when measuring the innerWidth of the child element of a scrollbared element.

View 4 Replies View Related

JQuery :: Image Doesn't Work Properly In Safari And Chrome?

Nov 1, 2010

I've hosted a test suite at: Webkit Bug Clicking on the enlarged image doesn't work properly in Safari and Chrome.

View 2 Replies View Related

Jquery :: .hover Not Working In Modal Popup In Safari/Chrome

Jun 10, 2009

I am using jquery to do two things: - load a modal popup which loads an html page (I'm using facebox) - in the modal popup, I have before/after states of the image, which is handled by a little jquery code

In FF and IE everything works correctly. In Safari and Chrome, the modal popup works, but once the popup loads, the before/after states of the image does not work. I can't seem to find a solution to this.

I am loading jquery on the home page (index.html) but I do not have it being loaded in the modal popup html pages. Is that the problem?

I have a link to show this, but am unable to post it due to my new membership status. You can PM me for the link.

Here is the before/after image state code:

Code JavaScript:
origImage=null;
$(function() {
$("#myImage").hover(function() {

[Code]....

View 2 Replies View Related

JQuery :: Ajax Returns Data On Ie Safari And Chrome But Not Firefox / Sort It?

Apr 13, 2009

Can somebody take a look at this...

The white my notes section on the bottom left is a div area that is loaded with an Jquery Ajax call just like 2 other areas on the page. This works fine in IE, Safari (PC), Chrome but not in Firefox. It just shows blank white.

View 1 Replies View Related

JQuery :: Load Function Does Not Work Properly On Chrome And Safari (Windows)

Jun 8, 2010

When I load a page with jQuery load() function API. It does not load the style section on the header using Safari and Chrome.

Attachments
test.php.txt
Size : 538 Bytes
Download : 524

View 2 Replies View Related

JQuery :: Video Plugin - Works Great For Chrome But Not Safari Or Firefox

Mar 14, 2011

var myVideo = {

Having issues with the video plugin for jQuery. This works great for Chrome but not Safari or Firefox. In Firefox it just shows up as a grey box with a light grey 'X' in the middle, and in Safari as nothing. I'm guessing it's something about the MIME but I have no idea what to do about that.

View 1 Replies View Related

JQuery :: Setting Css Left As Percentage Doesnt Work In Chrome/safari?

Mar 26, 2010

I'm setting position left to 100% and it works except in Chrome/safari. These browsers set it about 100px from the left not 100%obj.css('left', '100%');Setting the css by itself <img src="" style="left:100%;position:absolute" works fine.I don't know if this is a browser problem or a jquery problem.

View 1 Replies View Related

JQuery :: Image - Using Append() With Anchor Links In WebKit (Chrome/Safari)?

Mar 22, 2011

Been trying to add an image before the closing of the anchor tag:

<body>
<a href="http://www.test.com/">http://www.test.com/</a>
</body>

If I use:

$("a").append("<img src='testimage.png' /");

No image will appear in WebKit (Chrome, Safari, etc). Firefox and IE works fine.

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved