JQuery :: .click Not Working As Planned?
Nov 12, 2010$(function() {
$("#ForButton").click(function() {
console.log("frak me");
[code]....
$(function() {
$("#ForButton").click(function() {
console.log("frak me");
[code]....
I have this code:
$
(
'#region_dc').
click
[code]....
The click works fine. Check the checkbox, the hidden div displays. But when I uncheck the checkbox, I want it to go away.
When I click on a link, I want to remove it's class, then add another link, THEN, when I click on it again, I want to reverse it.
html4strict Code:
Original
- html4strict Code
<a href="#" class='link1'></a>
[code]....
I have a dead simple .click() event setup for a div with the id of nextLink. This works perfectly in all the "real" browsers. But I can't even get an alert to fire from IE7 & 8. I have whittled the code down to the simplest it can be to illustrate the problem.
$('#nextLink').click(function () {
alert("nextLink here");
});
<div id="nextLink">Next</div>
I have seen this problem on many a post, but never found an answer to the problem in this basic form. I have tried both .mouseup and mousedown, but to no avail.
I have seen this title a few times, but not the same question. I have succesfully bound the .click() method to a radio button group. In IE 7 and FF I can click the button and the .click() function will fire. What doesn't work is a basic .click() (i.e. trigger('click')) event. The code I'm executing is this:
$('#appraisalAge:checked').click();
The above code selects the currently checked button and than .clicks() on it.The HTML that the above code is referencing is:
<div>
<g:radio name="appraisalAge" value="NEW" checked="${offering.appraisedAmount ==null}"/><span><g:message code="offering.appraisal.is.new"/></span>
[code]....
Im trying to make divs with diferent classes for each element this way (rails 3)
This give me this HTML code:
But is not working.
I had a developer make a modifacation to a page where a button is automatically clicked when a customer hits the page. He did this, and it works fine in ie, but not in firefox, and I wont be able to get hold of him until next week.
The code he used is...
I have this code that works:
var btnInput= document.getElementById('btnInput');
btnInput.addEventListener("click", showVal, true);
Why doesn't this work?
$('btnInput').click(showVal);
$('btnInput').bind('click', showVal);
i'm appending a child div in a parent div. parent div has alreadychild div's which have classes ws_c1 and plus.
$
'<div></div>'
.addClass
[code]....
I know that it should work in those browsers, so hopefully someone can tell me where I'm going wrong.I created a function....it does not sit inside the document.ready function, so maybe that is part of the issue. I am not sure how to accomplish this another way. Wasn't sure how to pass an argument to the function using an anonymous function in document.ready. The idea is to have a side navigation panel that shows/hides divs on the page. I am creating a website for my upcoming wedding and want to do it all on one page and just fade in the divs. If I click on 'ceremony' for example, I want it to hide any open divs, then show the ceremony div. For the divs I always want on the page, I gave a class of 'static.' That is the reason for the 'not' condition in the code. I hope I have explained clearly enough. Here is the code,Btw, this does work in firefox6 and ie9 without issue.Here is the javascript:
function showDiv(showThis){
$(this).click(function() {
$('#containers > div:not(.static)').css('display','none');
[code]....
we have a web application which is using Jquery blockUI to open a pop up and do some action. All of this works fine on Safari, and IE 8. problem is with Ipad. none of the actions in pop up are responding. it just stays on that page. even close doesnot work. do we need to add anything else? here is the code that opens a page and click event for close.
<script>
$(document).ready(function() {
$.ajaxSetup( {
cache:false
[Code].....
I have the following piece of jQuery:
$("img[alt='47767']").unbind('click').attr('src', '../images/icon-tick.png').attr('title', 'Printed');
Which I am trying to use to manipulate the following piece of HTML<img alt="47767" title="Mark as printed" style="cursor: pointer;" onclick="mark_printed(this)" src="../images/icon-printer.png">The attribute changes for 'src' and 'title' get applied, but the unbind('click') doesn't stop the image from firing the 'mark_printed(this)' function.Why is unbind('click') not working as expected?
I'm coding a site with a four-stage accordion as a navigation sidebar. When a user clicks on an accordion stage, an image with a text link overlaid pops out from beneath.It's working fine in every browser except, natch, IE, and I'm flummoxed as to why.Here's the HTML for the accordion. There's a nav tag called #sidebar which contains two parts: an aside (#conditions) and the accordion (#navV). You can pretty much ignore #conditions, as it's #navV that's causing the headache, but I thought it prudent to include it anyway.
<nav id="sidebar">
<aside id="conditions">
<h3>Find out more about</h3>[code]....
As I said, working a charm in FF, Chrome, Opera, Safari. Just IE - you click on the <li><span> and nothing happens.
I have the following code
$('input.productSubmitInput').click(function() {
$('#login-info')
.animate( { backgroundColor:"#7AFB73" }, 500 )
[code]....
I have the following HTML:
<div class="content"><button class="showalert">Show Alert</button></div>
<button class="blaat">Test button</button>
With this jQuery code:
$('.blaat').click(function() {
$('.showalert').replaceWith('<button class="showalert" name="test">Show NewAlert</button>');
});
[code]....
I have a page like this:
<div class="clone" style="display:none;">
<input type="text" name="test" />
<img src="icon_delete.png" class="delete"/>
[code]....
I have an expandable menu (not an accordion), that needs to toggle div elements below it. If I put the click event on the h3 of the menu, it works fine but as soon as I put it on the link, it doesn't work.
JQUERY
$(document).ready(function(){
$(".expand").click(function(){
$(this).next("div").slideToggle("fast")
[Code]....
I'm working on a website and using jquery quite a lot.For a first level of coding, I'm using Chrome and everything works just fine.But I'm having a first bug when using Firefox.Indeed, I create a button with a click function and when I display my page on Firefox, the click doesn't fire any action like it does on Chrome.Here is the peace of code:HTML declaration of the button:
<
div
id
[code]....
Why isn't this working?
<html>
<head>
</head>
<script
[Code]....
'm trying to make some code so that when a user clicks on a picture, a image will be displayed where it was clicked (i.e the x and y co ordinates). Anyway, so I started writing it but my code doesn't seem to work, so I'd like to see what I've done wrong.[code]And the image which I want clicked has an id of "world".
View 1 Replies View RelatedI have a div (#disclaimer) that has the css property of "display:none." The following jquery script is supposed to show it when the #test select option is clicked. The #quest,#comp,and #other divs are supposed to hide it again. It works fine in FF but does not work in IE. I have narrowed the reason down to the .click event on the select menu because it works fine on regular text.
[Code]...
I was writing some jQuery here code...
but it doesn't seem to be working at all.
When I load the page the div #forgot_login blindes down even though I did NOT click the anchor link. Also, clicking the anchor link does not toggle it up and down. The event binding is not working.
HTML
<a href="#" id="forgot_login_link" title="Show">Show</a>
jQuery Event
$("#forgot_login_link").click(show_hide($("#forgot_login")));
Here is the show/hide code:
function show_hide(p_Element) {
p_Element.toggle('blind', { direction: "vertical" }, 500);
}
I am trying to show the time and when you click it I want it to go away. But its not working.
<script type="text/javascript">
var date=new Date();
var time=date.getHours();
[Code].....
So I dunno what im doing wrong but when I do this the page is blank.
i need a webpage with a lot of input:text and select:option. each modification on an element must be immediately validated through ajax. for this reason, the best choice i've found is to add a form element around each box. and use the classname of the input:submit button to identify the form instead of the ID of the form.
the submit button is hidden so the default choice to validate the form is to press enter after modification in the cell. however, as it works perfectly in FF and Opera, nothing happens on IE and Chrome.
[Code]...
I started with the simplest step - the hide() function:
$(document).ready(function(){
$("a#p").click(function(event){
$("#HiddenDiv").hide();
})
});
It worked fine as long as the href attribute of the anchor tag was '#'. Then I tried using href other than '#' and ran into a problem. I just changed the href to:
<a id="p" href="test.php">Click me</a><br />
<div id="HiddenDiv">Testing mate</div>
test.php is the page in which both these sections (html and jquery) are present, so like a postback to the same page.
This method didn't work and on clicking the anchor tag, the div stayed visible.
I then tried theevent.preventDefault(); method and that worked.
So I experimented more. I tried using the hide function on a dynamic link, something like test.php?a=1.
I ran into a problem again. The div remained visible on clicking that link.