preventdefault

I am using jquery mobile and I need to prevent swipe event over specific element. Need of doing this is because I am using slider and I don't want the swipe event to be invoked resp. I want it to be prevented when user is manipulating with slider. I was not able to too find any solution so I am asking for help here. This is my javascript code: $( document ).on( "pageinit", "#demo-page", function() { $( document ).on( "swipeleft swiperight", "#demo-page", function( e ) { // We check if there is no open panel on the page because otherwise // a swipe to close the left panel would also open the

Previously I was using jQuery 1.7.1 in my code. I was getting the above error. Then I used the jQuery 1.11.1 straight from the google repository <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"> </script> but still I'm getting this error. How should I resolve this? Due to this error my other jQuery functionality is also not working. I researched a lot about the solution but every time I got the same solution of upgrading the jQuery version. But this is also not working for me. Try: event.originalEvent.defaultPrevented As in: $(document).on('click', function (e) { if (e

I'm having trouble using the event.preventDefault(); for an ahref on my DOM. How do you prevent the url from posting a nofollow delete, as specified by the HTML using JQuery? <td class="trash_can"> <a rel="nofollow" data-remote="true" data-method="delete" data-confirm="Are you sure you want to delete Greek Theater at U.C. Berkeley?" href="/promotions/2/places/46"> <img id="trash_can" src="http://test.dev/images/trash.png?1305741883" alt="Trash"> The following code should subvert the HTML but the HTML posts a delete action, prior to giving a "are you sure" warning. nothing is not working: $

I have a input text and I apply it typeahead plugin for suggesting items, but when I press enter key on input text it submit form. How can I prevent form submit using twitter bootstrap typeahead plugin? You can target that specific input by adding an ID to it and simply removing the keydown event for enter like so: JS $(document).ready(function() { $('form input').keydown(function(event){ if(event.keyCode == 13) { event.preventDefault(); return false; } }); }); The first answer didn't worked for me, maybe because of updating the typeahead plugin, but I did passed the problem by using the

For a particular case and element I need to show Bootstrap Tooltip by default (once the page is loaded) an always keep it open (even on mouseover and mouseout). That's the code I use to open tooltip by default on the element: $('#myelement').tooltip('show'); Now I'm not sure how to prevent/disable the default action of tooltip on mouseover & mouseout. Any idea? Thanks in advance! Solution found. Manual Trigger does the trick - here is the updated code: $('.taskTooltip').tooltip({trigger: 'manual'}).tooltip('show'); Use unbind() after show : it will remove all event handler and thus the tooltip