jquery live click event stopPropagation

I have a dropdown menu which contains a input and several buttons. The dropdown should hide when I click one of the buttons or somewhere else, but don't hide when keypress on the input. I use the following code, it doesn't work. Though it works when I use $('.dropdown input').click(function(e){ instead of But I do need , so is there any s...

JQuery stopPropagation on .live() when handlers already exist

I'm aware that live calls bubble up through the doccument and that is why I'm having issues. Unfortunately I'm using third party libraries that bind event handlers to elements and would like to create a case in which a click event isn't bubbled up to those elements. using .click() in combination with eventStopPropagation() works just fine...

Parent - child event jquery

I have have a 2 div element. One is child and one is parent like : <div id="p"> <div id="c"> </div> </div> parent div has 2 event attached click dblclick and child div has 1 event attached click . Now my problem is when i clicked on the child div the parent div click event also executed. I tried e.stopPropag...

jquery - using event.stopPropagation()

When the document is ready, I'm fetching some datas from the server through post request and I'm filling it in the HTML as tags by append . When you click that tag, a comment textarea will be displayed. When you click in the document section, the textarea will be closed . The problem here is I can't enter the text in the textarea, when I...

jQuery UI bold term in autocomplete results

I have searched this, but I am having a hard time getting it to work with the code I am working with. I want my input to be bold within the autocomplete results, can anyone help? Thanks jQuery( '#description-input:not(.ui-autocomplete -input)' ).live( 'focus', jQuery.proxy( function( event ){ jQuery( event.target ).trigger( this.config.e...

Jquery google map plugin, adding event listners

Can some one explain the meaning of the following code snippet ( jQuery.fn[name] ) found in the google jquery.ui.map plugin: jQuery.each(('click mousedown rightclick dblclick mouseover mouseout drag dragend').split(' '), function(i, name) { jQuery.fn[name] = function(a, b) { return this.addEventListener(name, a, b); }; And also how w...

jQuery button on a li does not triggers change event on input before click

I have a input field. When the onchange event is triggered, I want to enable a jQuery button based on a LI element. I want to have the same behaviour as a normal button would do. The problem is, if I click on button when it's disabled, jQuery catches the event and prevents the default behaviour to occurs, which should release the focus on...

jQuery binding click event best practices

Lately when binding click events in jQuery I find myself questioning whether to use the jQuery shortcut click() or if I should specify the .on('click', ...) call myself. .click(). function in jQuery is just a shortcut. To me it makes sense to use because jQuery handles everything behind the scenes accounting for the preferred method pe...

Trigger Click-and-Hold Event

QUESTION: Using jQuery, how can I imitate a click-and-hold event? I am currently beating my head against a wall and cannot seem to figure out how to go about this! I have also tried searching on google and in forums, but to no avail. In my current example, I am using jQuery UI's .draggable() Ideally, I would like to do the following: Clic...

not able to fire image click event

i have code like this : i want to fire click event for 2 image inside DIV element, but 2nd image click event is not work What i tired is :- 1st image click event is like this , and working fine $("#mycarousel").find("img").live("click ", function () { }); 2nd Image click event is like this, and not working $("#mycarousel").find(".imgPro...

binding and unbinding jquery live functions

I'm going to try and explain this the best I can... I have one page that calls to certain js file with multiple live functions. JS File #1 $("#1").live("click.1",function() { } $("#2").live("click.2",function() { } $("#3").live("click.2",function() { } JS File #2 $("#4").live("click.3",function() { } $("#5").live("click.4",function() { }...

What to use for .live() in the future? .delegate() does not work as expected

as I read, the jquery .live() method will not be available in the future. I have a function, which triggers a click for Dom inserted html: $('.post_headl span').live( "click", function(){ alert('###'); This works fine. With .delegate() it does not work: $('.post_headl').delegate( "span", "click", function(){...

Altering jquery event object

Are there any pitfalls/ dangers to altering jquery's event object? For example: $('#myselector').trigger({type: 'click', myvariable: 'mycontent' }) The additional attribute 'myvariable' gets stored in the event object and I'm able to use it when handling the click event. However, this isn't explicitly outlined in the documentation anywher...

Scope in jQuery(javascript)

I simplified my code for next example. So, please don't be wondered why I'm using ajax here. <!DOCTYPE> <head> <style>.not { background:yellow; }</style> <script type="text/javascript" src="http://code.jquery.com/jquery-lates t.min.js"></script> <script> $(document).ready(function...

jQuery CLICK event not firing (when switching to hover, it does work)

I have this jQuery code I've written using a click function. The code must be working with jQuery 1.7.2. I have a jsfiddle set up here: http://jsfiddle.net/7MpTa/1/ $(document).ready( function () { $(".balloons a").hover( function() { $(this).next('.popups').addClass("shown" ); }, function() { $(this).next('.popups').removeClass("sho ...

IE 8 double click with jquery doesn't make any sense and does not trigger click()

I've got IE 8 and I use .click(function(){}); It works perfectly and triggers the event once I click my li. However if I click two times within a short interval it triggers only once. I suppose IE 8 thinks it as a "Double click" - well fine if there's such an event, but what I don't get is why it actually cancels my click function... Is t

jquery td click event

I'm trying to fire a click event via jquery on td cells on a table. I have it implemented for rows in a different table without any problems. For reference, the table is a montly calendar and clicking on a square will pull up data for that day. I could not get the event to fire so I stripped the code down to the basics and put it on its...

jquery: button mousedown state change

OK this should be easy but I can't seem to get it to work. I have a button, when I click on it I want it to change state, but only for as long as the the button is being pressed, like any OS native button. So here is my code... $('button').live('mousedown', function(){ $(this).addClass('down'); }).live('mouseup', function(){ $(thi...

Is it possible to get a reference to a live collection in jQuery?

I have a simple table with 1 row to start out with. <table> <tr id="tr1"> <td>ROW 1</td> <td>ROW 1</td> </tr> </table> listens to a click event. Once clicked on a table row I would like to get the number of rows in the table without having to constantly requery it. Does jQuery somewhere...

Forcing to run one of assigned event handlers to an element after run a function

Imagine a jQuery plugin insert an element (such as an image) to the page and the image has an event handler for Click event. for example when i click the image open one popup div. An other hand i wrote a function in my page. for example a function for slow fade an textbox (input tag). So we have: A jquery plugin An image added by the jque...

Call Gridview Rowdatabound Event from jquery in asp.net

I am Developing Asp web application using c#, in which I am having Gridview and inside gridview there is Asp linkbutton. On click of linkbutton i am calling jquery model popUp which is having ok cancel button inside model popup . I want to call GridView RowDataBound event after clicking OK button of Jquery model pop up. I write the code o...

how do i use jQuery get the parent radcombobox control object from the checkbox click event?

I have a radcombobox with checkboxes turned on. I wrote a jQuery script to add a click event to all of them. What I need to move on to the next step is a way to get the combobox in which that item/checkbox resides. Something like this: $(."comboBoxTag.find(":checkbox").click( function(){ var cboObject = $(this).???...

How do I re-create "this" inside an event handler?

I've got an event handler that was pre-bound to a specific variable (via $.proxy ). As a result, when the handler is triggered, isn't the normal value, it's my pre-bound value. I'd like to recover using the handler's event argument, but doesn't seem to map directly to event.currentTarget event.target , or any other event property. So,...

Can I delay the keyup event for jquery?

I'm using the rottentomatoes movie API in conjunction with twitter's typeahead plugin using bootstrap 2.0. I've been able to integerate the API but the issue I'm having is that after every keyup event the API gets called. This is all fine and dandy but I would rather make the call after a small pause allowing the user to type in several c...

Calling jQuery search on tab click

I have a jQuery search script that uses tabs for the user to define which search type they want to use. However, when the user searches for something and then selects a new search type (clicks on a tab) they have to go to the text box and press enter to submit their query again. I want to call a the search when the user clicks on the tab...

How to attach event to the newly added anchor using jquery

I trying to attach a click event for the newly added anchor tag(.he) after the #foo anchor tag. But the click event is not happening. I have used (.on). Can you guys help me in this ? Attaching event Hello how are you? Call remove() on paragraphs Testing the bind and unbind...

Datatables and jQuery "on" method

I am trying to create a dynamic table, which should display more information in another table as soon as on row is clicked on. I'm doing this based on some code I've written a year ago, where I used the jQuery live method. As of now, this method does no longer exist and I switched to the on Method. Now, the problem is, while this code act...

Trigger 'dummy' mouse wheel event

Is there a way to trigger a scroll wheel event with an arbitrary delta. Just like jQuery does with 'click' like: $('#selector').trigger('click'); I need something like that just with an scrollwheel like: $('#selector').trigger('DOMMouseScroll', {delta: -650}); //or mousewheel for other browsers I can't do anything like 'fake it' with css t...

KnockoutJS: how to get foreach row selector for jQuery

i'm quite new here but this site helped me a lot already, so I hope you guys can help with a question of my own. I just started out with coding with KnockoutJS and I like it so far, it's very different way of programming for me but I already see the advantages it gives me. But, I am running into a little problem, which probably is really...

jquery only allow input float number

i'm making some input mask that allows only float number. But current problem is I can't check if multiple dots entered. Can you check those dots and prevent it for me? Live Code: http://jsfiddle.net/thisizmonster/VRa6n/ $('.number').keypress(function(event) { if (event.which != 46 && (event.which < 47 || event.which > 59)) event.preven...

When to use Vanilla JavaScript vs. jQuery?

I have noticed while monitoring/attempting to answer common jQuery questions, that there are certain practices using javascript, instead of jQuery, that actually enable you to write less and do ... well the same amount. And may also yield performance benefits. A specific example $(this) vs this Inside a click event referencing the click...

change event not working for a textbox when the value is assigned externally

I have a textbox and a button. When I click the button, it sets certain value in the textbox. I want to submit the page whenever the value of the textbox is changed. Please check here HTML: JQuery: $(document).ready(function () { $("input").change(function () { alert("Changed!"); }); $("#click").click(function () { $('.set').val('Why...

jquerry .live('click',function(event) work only once when page loads

i am using jquery dialog in which i put 2 textbox and 1 button.which works fine ,everything renders.on button in dialog i am appling validation on my textbox if its empty.so the validation work fine for the first time when page renders but not working after that on another dialog. have a look at my both function. the first one is for di...

CakePHP - JsHelper::event returns null

I am trying to use the JsHelper::event method on my app, using the same code of the CookBook: $this->Js->get('#element'); $ev = $this->Js->event('click', $this->Js->alert('hey you!')); I try to run debug($ev) , but it returns . In the controller, I am adding the helper like this: var $helpers = array('Js' => array('Jq...

Jquery child element links

I am using the following function to create a simple accordion. The problem is that the final tier that opens contains links. These links inherit the click function from their parents and therefore don't function correctly as links. Any ideas on how to avoid this? Ta jQuery('.loc_level_1').click(function(){ jQuery(this).children('.lev...

Are these problems caught by jsFiddle causing the click event to malfunction?

My jQuery compiles (and runs in the browser) using VS2012, but the click event is not doing what I want (it's not doing anything, actually, that I can see). I added my html and jQuery into jsfiddle and ran "JSHint" on it. There are three places where it wags its virtual finger in the code below: $(document).ready(function () { $('#submit...

jQuery event handling for HTML5 media events

I want to listen to some of the events fired by HTML5 <audio> element. Some of event attributes for <audio> element are : onplaying, onprogress, onseeked, onseeking etc., I tried to listen to these events in jquery using conventional live() function like below, but it didn't work. $('audio#voice').live('progress', function...

Twitter Bootstrap Dropdown with Tags Selector

I have a question with Twitter Bootstrap, I'm using the Dropdown plugin and I'm trying to create a tag selector, I created an example in this link: http://jsfiddle.net/gatnc/ I've tried this: event.stopPropagation; return false; Does anyone have a better solution that does not close the dropdown when selecting a tag? Note: Click on "New...

html5 form get submitted without validation when using jQuery .on() method for button - click event rather than form - submit event. why?

Below code makes form to be submitted without html5 validation... $j(document).on("click", "#client_entry_add", function(event){ ajax_submit();}); While below code lets html5 validation happening BUT in opera browser it also doesn't work and get submitted without validation(in other browsers(checked for firefox/chrome) validation happens)...

jQuery checking a checkbox and triggering javascript onclick event

I'm trying to check a checkbox using jQuery and trigger the onclick event in the process. Say I have a checkbox defined in html: <input type="checkbox" value="checked" name="check1" onclick="alert(this.value);"> And I have a jQuery statement that is triggered in a function: $('input[name=check1]').attr('checked', true); The result i...