I have seen in many places, including jQuery in Action book attribute values in quotes.
$("input[type='checkbox']) works in IE, but in Firefox it needs to be
$("input[type=checkbox]) // no quotes
i have found a possible bug in 1.4 but it's only in Internet Explorer 7 & 8.The following code does not work and completely ruins every peice of jquery on the page (that means everything inside $(document).ready and anyting else...
$("<div/>",{
id: 'tooltip-'+rand,
class: 'dock-tooltip',
[code]....
I cant see any syntax errors - i pulled the example from the 1.4 site. There is no trailing commas in the object notation and i really cant see any reason it would work in firefox and not IEx and more to the point not only not work in IEx but break any other jquery in the entire page....
I'm trying to retrieve the number of "option" elements with the "selected" attribute set to true from a "select" control in the DOM. To ease my debugging I'm using the "alert" javascript tool to display the number of such options. Here is the javascript code :
alert($('#possible_rarities > option[selected="true"]').length); "possible_rarities" is the identifier of the "select" control in the DOM. Before launching the display, I have selected an option and checked that the "selected" attribute was set to true via Firebug. But the resut display is 0 after executing the script in Firefox. I do not meet this problem when running my script in IE.
I have an image map. I need to use XHTML 1.1 for this project and the code must validate.The problem is, XHTML 1.1 no longer supports the Name Attribute, it will not validate any code containing the Name Attribute.If I remove the Name Attribute, the image map does not work in FireFox.Are there any means or other method to make this work in Firefox without the Name Attribute?Here is the code for reference:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[code]....
I'm working with a large (and unweildy) ASP.NET application, and there is a lot of jQuery code that uses selectors like this:
[name=_aspnetControl$_withASubControl] And unfortunately, some selectors that also look like this:
[name^=_someAspNetControl$_radioButtonList].
In other words, the effort to remove the $ from the attribute selectors would be monumental. If it is possible to escape the $ symbols, I can do that easily enough, but unfortunately the situation right now means that I can't upgrade to jQuery 1.5.
i use it in a CMS. In my content page, when I insert a floating element, I use it to set the margin around element according to left or right float in this way:
$('#content img[style*="float:left"]).css({
'clear' : 'left',
'margin': '0px 20px 10px 0px'
});
in chrome, mozilla and not-IE browser the selector with (: and/or ;) works but in IE doesn't work. Is there a solution?
I want to select the following image using jQuery selector to see if Icould use the style attribute,
<img id="ext-gen439" class="x-form-trigger x-form-arrow-trigger"
style="overflow: auto; width: 356px; height: 100px;" src="images/
s.gif"/>
[code]....
I am new to jQuery. How can I select all the elements with a given number and which has 0 has value and set to a specified value.
[Code]...
Here's what I hope to be a quick question that I should be able to figure out myself... but, unfortunately, I can't...I'm trying to pass a variable into the attribute selector. When I substitute the "+myHref+" for "http", I get a match. When I log the myHref var, I get a match. What's wrong with my syntax? Why isn't the myLink finding a match?
[Code]...
I try to load specific text from a page into a string. When I'm on the specific page I can do this as follows: var wantedText = $("td > span[style='color: #00AA00; font-weight: bold;']").text();But I want to get this text from another webpage using AJAX, I tried using .load() as follows:
$('#somediv').load(Url+" td > span"); //this loads 3 spans into #somediv (including the one I need)
$('#somediv').load(Url+" td > span[style='color: #00AA00; font-weight: bold;']"); //this does nothing
I also tried loading the entire page into a string using .ajax() like this:
[Code]....
I have a problem with quotes.
$(document).ready(function(){
$('#txtValue').keyup(function(){
sendValue($(this).val()); [code]....
if $T contains just "text", the code works perfectly.
if $T contains line break, quotes " or ', the code doesn't work.
I have written some code for a category selector. It functions correctly in Firefox, but does not work in IE.
You can try it at [URL]
HTML source code follows
<html
>
<head
>
<title
[Code]...
I have put the latest version of this at [URL] The page has download links for the files needed to reproduce this on another server.
Let's say I have the following HTML:
<span id="more">
Did you know?
<span>The milky way is round.</span>
</span>
Using
$("#more span").css("border", "1px solid black");
will place a black border around "The milky way is round." If I change the <span> tags in the HTML to <div> tags and issue $("#more div").css("border", "1px solid black"); The same will happen. "The milky way is round" will be framed. However, if I change the <span> tags to <p> tags, as in
[Code]...
As recently as 1.4.3 $('input:text') would find input elements with no type attribute, but after upgrading to 1.5.1 that is no longer the case.
Is this a bug or an intended refactor to be more standards compliant?
FYI - this is the selector I now have to use: $('input:text,input:not([type])')
I've take an example from the docomentation and changed the names. I allready have written some nice functions
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code]....
I have a problem with a jQuery selector that works in both Firefox and Chrome but refuses to in Internet Explorer.
The jQuery line looks like
$('a[id*="show_ingredients_link"]').click(function(){
var id = this.id.replace("show_ingredients_link", "");
(".ingredient_row" + id).toggle(); return false;
});
Which is trying to select a click on the following bit of HTML (this is a Django template)
<a href="#" id="show_ingredients_link{{ i.id }}">
(Customise)
</a>
The intent is to toggle the visibility of some table rows that exist just below the (Customise) link.
I can tell this is a selector problem by adding an alert(); in the click function which isn't fired in IE.
<div class="c"></div>
I do $(".c:not(:last)").css({borderColor:"#0f0"}) This is OK in Firefox, but in IE all columns get this color. The :not selector doesn't work in IE. Why not?
This selector does not work with Jquery 1.3.2 and Firfox 3.5.3
Using version 1.2.6 it works with out issues. Older versions of FIrefox work with no issue and the same with IE it works!
Does not work in IE6, but FF, SAF works only. any better way to solve this issue?[code]...
View 2 Replies View RelatedSo I've been trying to create a Spry table using SpryData pulling it from XML and then adding jQuery zebra stripe to the dynamic table.
Zebra Striping tutorial :[URR]
So far I have beenunsuccessfulat achieving thestripedtable :(, however, I did get the Spry to work and it builds the table perfectly.
SpryData tutorial: [URL]
Heres my sample page: [URL]
I am thinking I am either not using the selector correctly.
Or there is a conflict with jQuery and the Spry.
since jQuery 1.4 I've a problem using $( selector ) in data for $.post My code:
settings = $.extend( {
attachTo: $( '.top h1' )
}, settings );
$.post( url, settings, function( str )
[Code]....
it working also fine with jQuery 1.4.*. I can't find changes in the changelog for jQuery 1.4 that could explain this behavior.
I'm wondering why I cannot use multiple input types in the same selector...
$("input[type!='radio'],input[type!='submit'],textarea","#mycontext")
with only one input[type..] works
I'm using jQuery with Google jsapi and some strange problem occurs:
google.load("jquery", "1.4.2");
google.setOnLoadCallback(function() {
test();
});
[Code]...
When I run this code, alert returns null, not array. The same with any element, f.e. "#element". Why it doesn't work?
I'm new to jquery as you will soon find out. I have a number of divs with the same class applied to them and I want to be able to animate them separately as each one is clicked - right now clicking on one, affects the entire family of like-tagged. I think I might be going about this the wrong way or missing something.
View 1 Replies View RelatedI am simply reposting my question from StackOverflow, in order for more eyeballs to see it.
[URL]
I am trying to work live method work but could not if id/name has . (dot) character.jQuery1.4.2Example:
<html>
<head>
<script type="text/javascript" src="../scripts/jquery-1.4.2.js"></script>
[code]....