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 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?
I am simply reposting my question from StackOverflow, in order for more eyeballs to see it.
[URL]
i'm unable to do this with jQuery 1.6 but it works fine with jQuery 1.5.2 :
$('#comment-content')
.delegate('#chkb-status-review,#chkb-status-validate','change',function(){
$('#chkb-status-review,#chkb-status-validate').attr('checked',false);
$(this).attr('checked',true);
})
No error, just not working. Maybe i'm doing something wrong
I try to remove element using JQuery, but it doesn't work. The javascript DOM version will work. JQuery doesn't support bracket and dot in id value ?
[Code]...
after a lot of investigations I don't know the answer why the attached sample doesn't work properly. Please take a look at the attached sample. That's a html file. Because of forbidden uploads of html files i removed the file extension. So please put after download the file extension ".html" on it and take a look at the sourcecode. The goal is to parse the included xml structure and to show the some information as checkboxes with a title or description.
The checkboxes are parsed based on a xml attributes. That works fine. The title/description should be parsed out of an xml element. That doesn't work. I don't know why. In my opinion the reason is the way of doing of the element pasring which is not right defined for IE.
I'm trying to replace the <head> of a page with the <head> of another page.[code]I call $("head").load("/About head")expecting to replace the <head> section of the current page with that of URL...However, the function seems to insert an empty string into my <head> tag.
View 5 Replies View RelatedThat's a html file. Because of forbidden uploads of html files i removed the file extension. So put after download the file extension ".html" on it and take a look at the sourcecode.
The goal is to parse the included xml structure and to show the some information as tabs with a title. Unfortunately I need to run that in IE& or to day in quirks document mode cause my application just runs on that. <press F12 in IE and set document mode to quirks>
check the alerts:
alert('ID: ' + $(this).attr('id')); works fine but not this: alert('ATTR: ' + $(this).children('title').first().text());
Perhaps there is something wrong with $(this).children('title').first().text(); or i have no child nodes in my object. normally I use find() to get rid of that but i saw somewhere that filter() is possible for older ie versions.
I have a js(using jQuery lib) file where all events and following actions(functions) are written. For one of such events there is a function that prepends one more similar element from which prepending was called:
$("#id1").click(function(){
$(...).before("<div id='id1'></div>");
});
so that when I will click to just prepended element one more element should be prepended and so on.The problem is that when new element is prepended, click event doesn't work on it. jQuery doesn't recognize it, like doesn't see it.
The following code works find in firefox and chrome. In IE, it only works the first time I click on a link.
// I have some div's where help is, which I make non-viewable
<div id='help_guides'>
<div id='issue1'>Help with issue 1</div>
[code]....
Let say I have this DOM:
<div id="foo">
<div class="bar"></div>
<div class="bar"></div>
[code]....
I'm trying to load one page into another using the .load() method. This loaded page contains a script that I want to execute when it has finished loading. I've put together a simple example to demonstrate:
Index.html:
<html>
<head>
<title>Jquery Test</title>
[Code]....
When the link is clicked, the content should load and the second paragraph should fade away. However it doesn't execute. It is not just a matter of the DOM not being available, a simple alert("") won't execute either. However, if I do away with the #toLoad selector in the .load() call, it works fine. I am not sure why this is, as the <script> block is clearly in the scope of the #toLoad div? If the script from content.html was in the .load() callback, it works fine. I have worked around the problem by having the callback use .getScript () to load "content.js" afterwards and have the JS logic in there. This is arguably a more elegant solution anyway, but I'm keen to know *why* the above doesn't work, is it a bug?
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]...
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]....
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 RelatedI've this script:
When I press again the "a.item_add" link it doesn't work (doesn't fadein the div again). how can I "restart" the script ?
I am using the contains selector for one element because I do not know the full ID. Since I only need the first element it finds should I be adding something to improve performance?
View 8 Replies View RelatedThat's my code:
var main = $("#content_value td:contains('Saque')").next();
alert($("img[title='Ferro']", main).text());
I'm trying to get the img element from the main selector, but it's not working..
[Code]...
So 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
This is a makeshift sort function for a table. I want to replace a div contents with a javascript function call. It works fine if I define the individual case, but the general case doesn't work. The problem lies with the +divHold+ part. It never converges to the passed value on the 2nd iteration. This is my Div:
[Code]...
I need to get the attribute id of the current element which comes from a selector. As I found out with the help of this forum I need to use $(this).attr("id"). Unfortunately this just returns "undefinied" for me. Does anybody have an idea why this doesn't work?
[Code]...
This is my first post, I've searched for a solution and thought I'throw this up here. I am passing two elements to a custom function like so:
[Code]...