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 RepliesI 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?
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 RelatedWhen 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
I have two select lists that have option lists that are created from external XML lists that contain course offerings available at different locations. Each location has a different set of course offerings. When a user selects a location, the javascript code will hide / show the option entries that correspond to the course offerings for that location. If a user selects a course offering, the javascript code will show / hide the locations that offer those courses.
Click events are attached to each of the Option entries with the code below. The code works correctly with Firefox and Opera, but the click events are never triggered in IE, Safari or Chrome. The Chrome debugger seems to indicate that the click events get set up in Chrome (although I am not sure where JQuery saves event handler data). Each option entry has a unique ID tag.
$(".locn_option_select").click(function (locnevent) { // Set up click action on the option entries
locnevent.preventDefault;[code].......
I have some simple code to have one div bounce around inside another. It works fine on Firefox and IE, but for some reason in Opera and Chrome it only moves left to right.
This suggests that Chrome and Opera allow you to dynamically set style.left but not style.top. This seems odd to me.
why this won't run as intended on Chrome or Opera?
Here's a very simplified version of my code to demonstrate the problem:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
[Code]....
I tried to apply jCarousel on Ajax loaded content. It works on Firefox/IE/Opera, but not on Safari/Google Chrome. Can somebody help me finding where the problem isP.S. On IE, when you close the Ajax content there will be a alert message shows 'Jcarousel: No width/height set for items. This will cause an infinite loop. Aborting ...', but it doesn't matter as the alert function can be shut off.
View 1 Replies View Related$(document).ready(function(){
I do an Alert of Data and its the next:
It works perfectly in Firefox and Chrome, but in IE 7/8 it doesnt do anything. In fact, in IE the inputs that I insert dinamically when I press the button " agregar" doesnt appear in the page, but they are there, because when then when i do the Insert I have all of that dinamyc inputs that I put. The problem is that they are not shown in the page.
i have a set of select fields, which when selected, send a value via ajax, to return a sub-selection for further choice. I have 3 levels of sub-categories like this. For some reason it works in FF only - not IE. [URl]..
View 12 Replies View RelatedAnimate doesnt seem to work with zindex. I dont see anywhere this is mentioned on the animate() page.
$("#myelement").animate({zIndex: 10})
.animate({opacity: 1), 1000);
Opacity is affected but not zIndex. I can change zIndex the normal way though:
$("#myelement").css('zIndex', '10');
it was working fine when i viewed it using my local host but when i uploaded it to the server it doesn't want to work anymore. i made sure all the files are in the proper folder and so on..still no progress. Then uploaded the original or "demo folder" i got from this site and it works, but my site doesnt. I combined 2 jquerys btw, one apycom jquery and one booklet jquery. Both works in local host but in my site, only the apycom works. pls help me out..[URL]...
View 1 Replies View Relatedi just tried creating a bar containing a div that you click on and it enlarges to show something, when clicking again it should collapse.
[Code]...
Isnt it following two script is identical? but they seems to contradict in different browser.
--following works in IE9 but not chrome
<script type="text/javascript">
var el=document.getElementById('myLink');
window.onload = function(){
el.trigger('click'); };
el.click(function(e) { e.preventDefault(); });
[Code]...
Look at :[URL}...prace/2/ When you click some link the floating bar goes there but none site is opened ;/ It seams that the problem is here:
[Code]...
I have this jquery code that for a normal browser allows you to have a sticky header. So by default it shows the content of the header wherever you want then as you scroll that header will then stay with you as you scroll. The problem is it doesnt work for an iPad. Can someone look at the code and see if there is something I can change to make this work on an iPad?
Code:
// Fixed control bar
var controlBar = $('#control-bar');
if (controlBar.length > 0)[code]......
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]....
Why is jQuery only working in Safari (mac) and not for Firefox or Chrome?
[URL]
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.
there is a html element:
[Code]...
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 RelatedIm trying to use JavaScript to submit this form. Why doesn't this code work anymore? It worked before and now it won't?
JQuery Code
HTML Code
I have an Ajax post that gets 100 records. That runs a callback function called Update(data.d) that loops through and populates a Div container with these records each in their own Div with numbered IDs. (It also removes old Divs so that there are never more than 100 n the container. During this loop I register the click event for each <a> called'Like':
$("#" + items.id + " .vLike").click(function () {
if (this.innerHTML == "Processing') return;
SendLike(items.id);
[code]....
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]...
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 RelatedI 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 RelatedI 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>