• $ undefined Microsoft Edge

    Hallo, our service have some problems with Edge browser 14.14393.0 returning error '$' is undefined This has been report only on Microsoft Edge in last 2 months. Any ideas? does anyone had this issue?  Are there any unsupported futures ?
  • about jquery.on in jquery.treetable.js

    Hi: I dive into jquery.treetable.js source codes recently, and find a question about the using of $.on(), $.off(). The code snippet is as following: JQuery Part: this.indenter.html(this.expander); target = settings.clickableNodeNames === true ? this.treeCell : this.expander; target.off("click.treetable").on("click.treetable", handler); target.off("keydown.treetable").on("keydown.treetable", function (e) {     if (e.keyCode == 13) {         handler.apply(this, [e]);  //keycode 13 = Enter     } });
  • Internet explorer issue with slideUp / slideDown

    Does internet explorer version running in few windows based mobile supports SlideUp or SlideDown jQuery features? Help needed please. 
  • tablesorter odd/even not working

    Is there anything that I need to do to get the odd/even color to display? Isn't it automated? I have it in the css: table.tablesorter .even {     background-color: #E1F7E6;     border: none; } table.tablesorter .odd {     background-color: #FFF;     border: none; }
  • tablesorter parser img tag not working

    I have a column that either has a checkmark image tag <img src=...> or nothing and want to sort on it, so I setup a parser but it is not working, any idea what I am doing wrong?     $.tablesorter.addParser({         id: 'checkmark',         is: function(s) {             return false;         },         format: function(s) {             if (s.substring(1,5)=="<img")  //also tried (s!="")                 return 1;             else                 return 0;         },         type: 'numeric'     });
  • jquery.autocomplet.min.js

    I am using jquery.autocomplete.min.js 1.4.3 in eclipse and tomcat environment. and jquery-3.2.1.min.js.   I am getting  the following error Line:8 Error: Unable to get property 'toLowerCase' of undefined or null reference If I execute the same program in eclipse but using STS I will the following Line:11 Error: Unable to get property 'replace' of undefined or null reference Any help is appreciated.  TX
  • best way to loop through specific table cells in row

    I have a scenario where I want to loop through a specific set of cells based on a start and end column or row index. Is it better to use a while loop and do a find each time inside the loop? I can't use .slice because if another cell has a colspan it can throw out the column index.
  • navigate to another page with full page reload

    i have a page1.html, with button click in page1.html, it should be navigated to page2.html with transition=slide. i have to make ajax call to retrieve some data from server when page2.html is loaded. but no javascript can be called in page2.html instead of loading static html tags. can someone tell me how to overcome this issue? thanks.  
  • jQueryUI - Tabs

    I am trying jQuery Tabs in my Sharepoint test site and cannot figure out how to control the headers on my lists and libraries.  If I turn them off, they drop out of the tabs (by design in the tabs.js).  How do I control the header font colors that become nested in the Tab control?  Once outside the Tabs rollup, they have the correct (desired) header appearance. Any guidance appreciated! Jim
  • How to call javascript original function while using selector

    Hi: I meet a problem when using selector. The code snippet is as following: var nodeID = document.getElementById(nodeid); if (nodeID != null) {     var handling = $("#" + nodeid);     handling .empty();     nodeID.parentElement.removeChild(nodeID); } I hope I can use handling.parentElement.removeChild(nodeID); but it in fact not working and return error. is there any way to call javascript prototype function when using selector, thanks a lot.
  • Accordion customization

    I'm trying to use the widget at http://jqueryui.com/accordion/ with the following modification. 1. show the second tab first. 2. Change the font and size. I tried to use CSS to assign different font and size, but they didn't change. Only color change worked. 3. integrate with tooltip so rolling over shows a picture. Please help. Thanks,
  • Nested table.

    Hi, I need your help to complete a function where there is a nested table. When I click on element it opens the second table and it shows all his elements and the fa-plus icon turns on fa-minus. I would like to close the elements of the first table when I click on it and the fa-icon fa-minus turns on fa-plus. I prepared a fiddle: http://jsfiddle.net/t763P/1141/ Thanks in advance Tegatti
  • qunit 2.4.* using cli tests

    Hi ## Tell us about your runtime: QUnit 2.4.0 * **What environment are you running QUnit in? browser, debian stable, (debian testing) For a shame: npm is not available in debian (for security reasons and this is good actually) but getting into it by hand is really a mess when new to node and all the great stuff) Most docs and tools i found are outdated. Can you help with a link at least how to get qunit 2.4* run on travis-ci following the basic examples on http://qunitjs.com. Thats whould be really
  • some function are working well and some are not working well

    Hello Friends,       problem when i face is some jquery function like slideUp,slideDown,slideToggle,fadeToggle etc not doing well and some are well also text below mentioned code for reference, so plz guide us .. <head> <title>JQuery Complete Cource</title> <script src="jquery-3.2.1.slim.js"></script> <script> /*Example #1*/ /*$(document).ready(function(){ $('#but').click(function(){ alert('Button has been Clicked'); }); $('.test').click(function(){ $('.test').hide(); }); });*/ /*Example #2*/ $(document).ready(function(){
  • trouble getting tablesorter filter and reset working

    Hi, have the following button  <div class="bootstrap_buttons">                 Reset filter : <button type="button" class="reset btn btn-primary" data-column="0" data-filter="">Reset filters</button>             </div> with following script in the head  <script>            $(function () {                // filter button demo code                $('button.filter').click(function () {                    var col = $(this).data('column'),                        txt = $(this).data('filter');                   
  • Search images by data attribute and return eq()

    Hi, can anyone help me return the eq() of the image when I search the data-age attribute?  For example the age 18 it would the eq() of 2? <div id="resutsBox">       <img src="gerrard_1.jpg" data-age="21" width="40" height="40" />       <img src="gerrard_2.jpg" data-age="43" width="40" height="40" />       <img src="gerrard_3.jpg" data-age="18" width="40" height="40" />       <img src="gerrard_4.jpg" data-age="54" width="40" height="40" />  </div> Thanks.
  • update a jquery plugin

    Hi, on one of websites I included a "php-plugin". This plugin uses jquery and jquery uses the jquery-plugin "jqplot". Now the "php-plugin" no longer works flawlessly. I simply downloaded a new version "jqplot" (i.e. 1.0.9...) . I renamed the new  jqplot1.0.9 .., resulting from extracting the newly downloaded folder, to jqplot.1.0.8r1250. Of course that does not work correctly. Can you get me started on how to update "jqplot"-lib. Many Thanks! Thor  
  • Two scripts conflicting?

    I have two scripts that work fine by themselves. If I try to use both scripts together the first one doesn't work, but the second one does. The first script is to control the playbackRate of myaudio element. The second script is for a vu or volume meter. This is both scripts in the order I'm using them:  // Create a couple of global variables to use.        var audioElement = document.getElementById("myaudio"); // Audio element        var ratedisplay = document.getElementById("rate"); // Rate display
  • Like Dislike Increase in Wrong Order after Refreshing the Page

    I am facing 3 Issues in Like/Dislike jquery plugin for comments. Table structure id - like - dislike - uid - comid Where (uid is session id) and (comid is comment's id from comments table) Like/Dislike Function is for logged in users, any user can like or dislike a comment. After liked or disliked user can unlike or remove disliked Now when i Click on Like/dislike button, it increases the number of likes or dislikes but 1 - If i click on like, it increase the number and update the database. but instead,
  • How to setup Qunit testing with webpack?

    Hi, I could not see any document specific to setting up Qunit testing with Webpack. Could you please share necessary detail to setup Qunit with webpack? Thanks
  • When is the next release of jQuery UI due please?

    I'm using 1.12.1 and bug  #15078 is due for release in the next version. I can't see anywhere on the blog indicating the next planned release date. Thanks,
  • creating a popup or tooltip on a mouse enter

    I have this function that came with a responsive image map program - I'm not at all proficient with jQuery, but learn as I pick it apart. I would like to run either a popup or a tooltip with a close button instead of an alert, and using mouse enter, (I guess?) so that it won't go away unless the close button is clicked. $('area#eastWin').on('mouseover', function() { alert($(this).attr('alt') + ' clicked'); }); Can some kind soul help me with this? Forever grateful, GN
  • tablesorter filter wont work

    Hi, I am trying to tablesorter filter in a table where sorting (with reset button) is working as well as paging & zebra. When I type a character into the search field of a column, nothing happens. Ive added the css for    .tablesorter-filter.disabled {display:none;} Ive also added "filter" to widgets Was hoping to get any other ideas where I might be going wrong? Thanks in advance Todd
  • JSON stringify vs object

    Hi, I have a row set like this and added to the DOM var htmlRow = "<div id='GridRow_" + rowIndex + "' class='GridRow' data-player='" + JSON.stringify(player) + "'>\n</div>"; I get the row using JQuery 3.3.7 like this  var row = $(this).closest('.GridRow'); var player = $(row).data('player'); This gives me the player as an object.  PERFECT ! Now I take this same player modified and attach it again using JQuery this time like this : $(row).data('player', "'" + JSON.stringify(player) + "'"); Which looks
  • Find number of disabled images in a div.

    Hi, if I have a div that contains four images and I disable one how would I find the number of disabled images? For example if I have: <div id="resutsBox">       <img src="gerrard.jpg" width="40" height="40" style="display:none" />       <img src="gerrard.jpg" width="40" height="40" />       <img src="gerrard.jpg" width="40" height="40" class="ui-disabled" />       <img src="gerrard.jpg" width="40" height="40" />       </div> How can I find out that I have one image disabled? Thanks.
  • TimePicker showing calendar instead of time sliders

    Hello, everyone. I am not very familiar with JQuery, trying to debug some js that goes like this: ``` $( ".time" ).each(function(e){         $(this).timepicker({             timeOnlyTitle: 'Definir horário',             timeFormat: 'HH:mm',             timeText: 'Horário:',             hourText: 'Hora',             minuteText: 'Minuto',             currentText: 'Agora',             closeText: 'Escolher'         });     }); ``` This timepicker function comes from here, but I believe it's not a bug
  • Multiple Tabs - Close All But One

    Hello, I'd like to start with one tab that can be hidden but still remains there. I would then like to add tabs dynamically that have a 'X' on the right side of them that can be individually closed, and a way programmatically to close these tabs. The idea is it works just like tabs on a browser, typical IDE, etc. Making it 'collapsible' is NOT what I want. Would appreciate any insight. Thanks, -Gabe
  • Tab rotation along with url link consists of pdf file scrolling down

    Hi, How can I run jquery cycle plugin script into my computer  for slide show. Thank you Is it possible for link that consists of pdf file , to scroll down in that file and to move on another website which consists of multiple tabs. Regards,
  • Validate 2 Validation if any one is valid then proceed

    Respected Person! I would like to know about the jQuery Validation Plugin, that i want to validate 2 type of validation at the same time, such as 12345-1234567-1 1234512345671 If any of one these match then proceed. How can i do this. Thank you, Regards, Muhammad Naveed Haroon
  • each on array of two objects results in three objects

    I'm trying to iterate through an array and clone and append an element to a div element for each item in the array. Everything is working except that when it's more than one element I get som unexpected results. The array contains two element's and I've checked that the each loop only runs two times, but for some reason I get a third element in the result (as you can see from the image). The two first are correct, but why am I getting a third element? Am I using clone() and append() correctly? each:
  • Multi dropdowns populated from api's

    Hi, I have a basic form that has a dropdown which is populated from an api with the following function  <!-- get categories -->     <script>         var sel = $('#Categories');         var api_url = 'https://xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx;         jQuery.get(api_url, function (data) {             $(data).each(function (key, val) {                 console.log(key);                 sel.append($("<option>").attr('value', val[1]).text(val[1]));         });         }, 'json'); The form
  • Convert from stringify to boolean

    Hi, I am using below: Savanna.savanna_admin = JSON.stringify(data[0].savanna_admin); to get the bit value from MySQL and it returns: "\"1\"" How can I make this converted to true and when it's "\"0\"" then to be as false? Thanks, Jassim
  • datepicker function enhancement (like date range) not working

    Dear Sir refer http://prajaktasoftware.com/adventchembio/rawmaterialenquirysearch.php click on Last Date Date picker is working but I am not getting result  from setting   $( "#lastdt" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });// not working// Minimum maximum Date <script>     $( function() { $( ".datepicker" ).datepicker();  $( ".datepicker" ).datepicker( "option", "dateFormat", "dd-mm-yy" );  $( "#lastdt" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });// not working//   $( "#lastdt"
  • always return first row hiden field value problem

    Hi, I have a rendered bootstrap html page as follows. i want to get the clicked row hidenfield values but now always return sumesh which is first row. How can i get clicked row hidenfield value? <div class="panel-body">               <div class="page-header">                 <h4><span class="glyphicon glyphicon-user color"></span> Sumesh</h4>                   <input type="hidden" id="hdnTenantName" name="hdnTenantName" value="Sumesh" />               </div> <div class="page-header">                
  • Context menu in Iframe

    I am displaying fancybox  in an iframe . The iframe contains a HTML video which is built in easypano. The problem is that the Full Screen option in context menu does not make the iframe go full screen. I want to  make the iframe go full screen. I am using image maps.  Here is my code $(document).ready(function () { $('map > area.fancybox').click(function (e) { $.fancybox({ 'autoScale': true, 'title': this.title, 'type': 'iframe', 'href': this.href, }); // fancybox return false; });  });
  • About the usage of jQuery bind function

    I have a problem about the usage of bind function. Here is the example: // Parent class function Widget(width, height) {   this.width = width || 50;   this.height = height || 50;   this.$elem = null; } Widget.prototype.render = function($where) {   if (this.$elem) {     this.$elem.css({       width: this.width + "px",       height: this.height + "px"     }).appendTo($where);   } }; // Child class function Button(width, height, label) {   // "super" constructor call   Widget.call(this, width, height);
  • JSON encode not working with special characters

    Hi , I am using pear's (http://pear.php.net/pepr/pepr-proposal-show.php?id=198) package as i have PHP 5.1.6 for JSON encode/decode purpose. But when i use special characters like &,*,[,+ ,'etc, my stuff from Handson table is not encoded properly and the text going in Mysql DB is not properly JSON encoded and is broken. So when i display this data on Webpage , it is not displayed at all as it is based on JSON format . What should i do so that the JSON format don't get break. I am using this to JSON
  • Chrome Developer Tools - Sources blank

    I rely heavily on Chrome Developer Tools - Sources to debug javascript in my web pages. I have recently begun building my first jquery mobile webapp and have been alarmed to discover that the Sources window, for each page, is completely blank. I use Chrome in mobile simulation mode to build and test all my pages before testing on a physical phone device. No js or html appears at all, for any of my pages. I surmise this is because of JM's approach to loading content behind the scenes rather than the
  • About the usage of selector in jquery.dataTables.js

    Hi: I meet a problem when reading the source codes in jquery.dataTables.js. I try to find out how this plugin add the pagination number and div to the table, and then I see something strange which rarely to see, the code snippet is as following:     if ( btnDisplay !== null ) {             node = $('<a>', {                     'class': classes.sPageButton+' '+btnClass,                     'aria-controls': settings.sTableId,                     'aria-label': aria[ button ],                     'data-dt-idx':
  • Replacing Close Icon with Button in Modal Window

    Hi Guys. I'm using JQuery UI to open a Modal Windows. Right now the Modal Windows has and X Icon on the right side of the header to close the Modal Window. I would like to replace the X icon with a Button with label Close. I'm not sure how to accomplish this. Any help would be greatly appreciated. Thanks
  • Next Page

  • Announcements

  • The Basics of jQuery AJAX

    A step-by-step tutorial for those new to jQuery and wanting to use AJAX in their projects. Includes valuable information about troubleshooting using the console and understanding the request / response. http://jayblanchard.net/basics_of_jquery_ajax.html
  • jQuery Conference 2010: Boston Announcement

      The jQuery Project is very excited to announce the jQuery Conference 2010: Boston on October 16-17, 2010.  The conference will be held at the Hilton Boston Logan in Boston, Massachusetts.  The best part of this announcement is that Tickets are on sale now!  This venue is the largest that the project has worked with to date (Harvard Law School in ‘07, the MIT Stata Center in ‘08 and Microsoft New England Research Center in ‘09) and we expect to sell out very quickly. A brief synopsis of some of