JQuery :: Selectors In MozillaFirefox Vs. Safari/Chrome?
Jul 10, 2010there is a html element:
[Code]...
there is a html element:
[Code]...
I have an input box searching a XML file for a string. Anything the user types in, the script searches through the XML file in the "name" and "conference" tags for results. This works just fine in Firefox. However, in Safari, it only returns a result when a single search result is found. I've narrowed it down to this line, and I have no idea what is wrong with it. my use of selectors in this way? Or is it a Webkit bug?
$(xml).find('name:contains("' +searchString+ '"),conference:contains
("' +searchString+ '")').each(function() {
....print results....
});
I wrote a simple custom selector, that should allways be 'true'. Here's the code:
jQuery.expr[':']['first-letter'] = function(){ return true; };
Now the problem:
Firefox 3.6: $('*').is(':first-letter') -> 'true' // that's what I expected
Firefox 4.0b10: $('*').is(':first-letter') -> 'false' // why ???
Chrome 9: $('*').is(':first-letter') -> 'false' // why ???
I've made these tests with jQuery 1.4.4 and 1.5 - nn difference.
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.
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 RelatedI'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 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 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>
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 RelatedHere 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.
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)
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.
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 RelatedI 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]....
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.
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
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.
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 RelatedBeen 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.
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'm using a function to load a page into a div. When I add the class of the element I want to show (.contentpaneopen) Chrome and Safari show no content. It works OK in IE and FF.When I ommit the class it works on all browsers.
function loadContent(elementSelector, sourceUrl) {
//Works in Chrome en Safari:
$(""+elementSelector+"").load(""+sourceUrl+"");
[code]....
The simple test code below validates a few fields successfully when tested using Safari, Opera, Firefox and ChromeDatepicker does not work in IE, although the validations do work as expected. Is there an issue with datepicker and IE? Is there a condition in my code that inhibits IE?
//// page code follows ////
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....