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 RepliesI have a huge blob of code but the main part I am focusing on is this
$('.billboard_click').click(function () {
//this remove class
$(".billboard_click").removeClass("billboard_click");
});
1. Execute a click event when the div with the class 'billboard_click' is clicked
2. Once clicked, remove the class from that very div to avoid another click from happening
3. Execute a series of events such as animations, etc
4. add the class back to the clicker div
The code does not seem to work as expected but I am wondering if I am having issues elsewhere at this point and wonder if this actually is known to work
<html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>emailsig.html</title><meta name="viewport" content="width = 400, minimum-scale = 0.25, maximum-scale = 1.60"><meta name="title" content="html email signature"><style type="text/css"> <!-- body { margin:0px; background-color:#fff; height:100% } html { height:100% } img { margin:0px; border-style:none } button { margin:0px; border-
[Code]...
var string = $('#newItemInput2').val(); // gives me "twats"
But when I try and embed it within an object it doesn't work:
Can a jquery selector not be used as the member of an object?
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]....
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 RelatedThe following code is a typical show/hide combo, followed by an attempt to do the same with a single control ("singleClick").
Unfortunately, it opens the "extra" dive but won't close it.
Is it a fault in my javascript, or am I asking the jQuery to use logic incorrectly?
This is the code:
I have the following code, however, I need to click twice on Change password for the dialog to open. I want the dialog to open when on a single click. I can`t understand why the dialog doesn`t open on a single click.
<td><a href="#" id="password_link" onclick="$(ChangeAttribute('<%= item.Name %>', '<%=item.ID %>'));">Change Password</a> </td>
function ChangeAttribute(name, Id) {
$(
[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
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 need to get the clicked on field plus another field in the current row of a table....
$(function() {
$(".trclick").live("click", function() {
$("#flightno").val($(this).text()); //.children("a").text());
[code]....
The class of a column in the table is assigned the class - trclick. I need to get the value of $fnum when the $rev field is clicked. How can I get the value of $fnum when $rev is clicked?
I 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]....
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
Code like the below creates almost always more than one and sometimes as many as ELEVEN dialog boxes. This frustrating behavior doesn't seem to be affected at all by whether you choose "OK" or "Cancel".Is this a known issue and if so, is there a workaround?
$(".delete").live('click',function(){
if(confirm('delete stuff?'){
$.post('delete.php',{toDelete:$(this).attr('id')},function(){
[code]....
Not sure what would be the best way to do this. I need to add a click function for all :submit and :button that are not disabled or have an alt text of no-touch.
View 6 Replies View RelatedActually the selector works in this form:
$objects = $("dl\:object",contextelement)
but not in this form: $(element).children("dl\:object").I don't care that it doesn't work in the second, because I only need one time access, since I replace these custom elements with valid html using javascript, as soon as the page loads (sort of like xfbml I guess).My concern is that it DOES work even in IE, which only returns a tagName of "object" from <dl:object>. (given the following html attribute: <html xmlns:dl>). So I'm suspicious. I've tried following the code that matches the selector, but I can't do it, it's too complex for me to follow in a reasonable time.
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 am looking for a version of lightbox that would allow the user to click on a single reference image and when the "lightboxed" version appears a strip of thumbnails would be available at the top or bottom of that image. Thus, the user could navigate between images within the lightbox by clicking on a different thumbnail. If such beast exists a URL would appreciated. Extensive Googling hasn't turned up what I'm looking for at all.
View 15 Replies View RelatedI want to do something like this
<div>
<p>
<p class="active">
[code]....