.remove is not fired up in the next loop
Hi, This actually a loop. but the .remove() is seems not working after the next loop. The code is : $( "#name1" ).remove(); $( "#afterthis" ).append('<div id="name1"></div>'); $( "#name1" ).after( '<div class="sched-left-col" style="color:#000; font-size:2em; font-family: "Orbitron", sans-serif; padding:0 0.3em;">'+ obj.sched_on1 +'</div><div class="sched-content"><div style="font-size:3em; padding-left:1em; color:#FFF; ">'+ obj.student1 +'</div></div><div class="clear"></div>' ); $(".sched-wrap").toggleClass('fadeIn
hover event stops working after a mouse click
I am encountering something so bizarre. The code defines a hover event on a div. When the mouse is clicked on the div, the hover event all of a sudden no longer works, and I can't figure out why. There is no code that removes the event handler. Can someone tell me if this is a bug? This problem occurs with any version of jQuery, version 1+ or 2+. Thanks. <!DOCTYPE html> <html> <head> <title>Using jQuery Event Helper Functions</title> <link rel="stylesheet" href="../style.css"/> <script
event delegation
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="stylesheet" href=""> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> $( "#container" ).on( "click", "input", function( event ) { var input = e.target; var arr = []; if ( input.is(':checked')=='1') { arr.push(input.val); console.log(input.length);
Accordion toggle collapse issue
Hi, I have a problem with an accordion which panels would not close on opening another one. But the strange thing is that this only happens within the slider. If i put the accordion anywhere else in the page it will work without any problem ... you can see the code at mobile.hostelsuites.com , I would appreciate if someone had any idea of what kind of conflict this could be ? Many thanks
jquery 1.1.2 inline editor conflicts (inop) with new jquery 1.11.2
Hi, i am trying to update my jquery from an old script that has the jquery.js file and inside that file it has /* * jQuery 1.1.2 - New Wave Javascript * * Copyright (c) 2007 John Resig (jquery.com) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * $Date: 2007-02-27 17:18:47 -0500 (Tue, 27 Feb 2007) $ * $Rev: 1460 $ */ I have an inline text editor that allows me to change text in a search string inline. For example this is for a language database.
Help greatly needed. jquery-1.6.4.min.js jquery.mobile-1.0.js and min.js. Mobile Slider doesn't slide.
<!--Slider--> <script src="js/jquery-1.7.1.min.js"></script> <script src="js/flowslider.jquery.js"></script> <script> jQuery(document).ready(function($) { $("#slider").FlowSlider({ }); }); </script> <link rel="stylesheet" href="style/slider.css" /> <!--Slider--> This is the slider on my page. Do I tell it here to detect touch device? I kinda wantto write something like:
loading HTML form into jQuery window
I have an existing HTML form that uses PHP for content processing. I want to load this form into a jQuery popUp window, and allow users to post data to the server. Many of the pre-built jQuery modules support images and other content. But I haven't found a solution for an HTML form yet. Any help appreciated, --RKaye
Disable Vertcal movement when a certain class is clicked.
Ok so first post, and its a fun one :D What I have is this: Container div Super wide div Bunch of inner divs side to side filling Super Wide Div, with ID's assigned. Links inside these inner divs, which jump to other inner divs Basic fiddle is here: http://jsfiddle.net/gkp17fap/16/ As you can see, when you click on a link the page jumps vertically. So, question is can I get the page to move ONLY horizontally (moving that Super Wide Div side to side) without the
Memory leak in IE? on fragmentDiv
Hi guys, I am using IE 11 with jQuery 1.11.2. Just by loading jQuery.js, I saw a warning of a possible memory leak of DocumentFragment on a variable called 'fragmentDiv'. I checked the source code and it's around line 5342. fragmentDiv = safeFragment.appendChild( document.createElement("div") ); This variable is never set to null and is only being used in clone() function. Am I the only one having this issue? Couldn't find anything on Google. Thanks, Brian
Search Menu
Hello, I'm new to jQuery and I'm developing a web app for my job that will keep track of our equipment inventory. I would like the main search menu to consist of a series of HTML select elements, each of which would display different options depending on the options that are selected in the other elements. For example if the first select element, which we'll call "Asset Type", is set to "Desktop", then the next select element in the menu, which we'll call "Models", will display a list of desktop
Adding counter for each movement in Hannoi Tower.. EMERGENCY..
Hello Guys I have problem with my hannoi tower. I want to add a counter to count each movenemt untill you finished the game. Additionally i hava problem with my game about yellow circule but i ignored it. just i need to add a counter. can you help mee?? !DOCTYPE html> <html> <head> <meta charset="utf-8"></meta> <title>Geeky Towers of Hanoi</title> <link rel="stylesheet" href="css/style.css"></link> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"
Navigation Box - Based on specific headers
Hi all. Appreciate a lot of topics on this one, but having read up, nothing quite covers the specifics of what I need help with - fingers-crossed here! I have inherited a site with around 200 profile pages - each page doesn't have a consistent html structure for headings (i.e. no div ids attached to each section and so on). I'm looking for a jQuery solution that would create a navigation table of contents, but allow me to specify the 'jump to' points based on the exact text of certain headers. e.g
Tablesorter freeze one column
Is it possible to have the first column of the table frozen when sorting on any other column? The first column in my table is a row count and I'd like it to stay in ascending order no matter which other column I sort by.
get sum of td 1 and td 2 and store in td 3 for selected row
<html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title></title> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> </head> <body> <form id="form1" runat="server"> <div> <table class="table1"> <thead> <input id="b1" class="sum" type="Button" value="ClickMe" /> </thead> <tr> <td
How can I fade #contact back in and enable it and fade #success out?
I have a contact form that is validated by jquery then sends the values to php. you can see the contact form here www.trilumina-temp.com and press the "Download Now!" button under the slider. If you fill out the form and press submit you will see the problem. Feel free to look at the source code also. submitHandler: function(form) { $(form).ajaxSubmit({ type:"POST", data: $(form).serialize(), url:"process.php", success: function() {
Making a grid work in a tab
I purchased a html5 theme that I am customizing for my church website. It has two cool features: 1. A tab script that allows for multiple items to displayed on one page. 2. A grid that will allow me to display sermons in a series in a neat and orderly way. Both of these work well when used alone, but when I try to use the grid inside the tabs, no dice. I am a design guy and know very little about Javascript functions and need help. Here is what the developer, who has not got back with me said to
How does the sortable li position is calculated?
Hello guys, I am trying to figure out how does jQuery sortable works internally? I know that while sorting it creates an ui-sortable-helper div and it plays around with its position. But I am not able to figure out how does the sortable element takes the position of ui-sortable-helper div, without changing its left/top position. Thanks
Drop-Down Menu with images and info load on selection
Hi guys! I have a bit of a situation, making a drop-down menu happen. The concept*** and functionality is very simple, but some of my skills are limited, as far as, jQuering goes. The functionality is supposed to be as follow: Click on a drop-down, -Make a selction, the selection will load an image and display relevant info regarding that selection underneath the drop-down menu. Thanks a lot in advance for your anticipated assistance, guidance and help. ***See Attached Image.
Why can I not trigger an input from checkbox label?
Hello, after three day of searching I still not know why I can not trigger an input field(for use of virtual keyboard) from a checkbox label. Can someone explain me what i am doing wrong? Html: <div> <label for="checkbox-0">I agree<input type="checkbox" name="checkbox-0" /></label> <div><input name="test" type="number" id="amount_checkbox-0"></input></div> </div> Script: $(function() { $('label').click(function() { labelID = $(this).attr('for'); alert($('#amount_'+labelID).attr("name"));
Accordion inside accordion height issue
Here is my code over at jfiddle: Jfiddle Code I'm using nested headers. My issue is with height. You'll see in sub-header1 and 2. You have to use the up/down scroll to see all the text. Here's my java script: $j=jQuery.noConflict() $j(document).ready(function() { $j( "#subaccordion, #accordion" ).accordion({ collapsible: true, active: false, autoHeight: false, clearStyle: true }); }); And i use this little snipet of CSS code: .ui-accordion .ui-accordion-content{
Trying to target the closet selector to the click
Hello! I have this section that is dynamically added to a page in Wordpress with Advanced Custom Fields if needed as many times as the layout asks. I originally only had one of these sections on the page and it worked great but now I have the issue that when there are two or more of these sections added all the slideDown/slideUp act on click of any of the buttons. I have been looking for a way to utilize .next() or .closest() but not finding the solution so that the closest div class of .layer--content_slide_out
draggable&droppable doesn't work
I have a strange problem with draggable&droppable elements. Here are fragments of code: $ ( ".letter" ).draggable(); $ ( ".simpleSlot" ).droppable({ drop : function ( event, ui ) { var idDrag = ui.draggable. attr ( "id" ); var idDrop = $ ( this ). attr ( "id" ); doneWord [ idDrop . charAt ( 0 )]= idDrag ; $ ( "#test ). text ( "Good dragged!" + "IdDrag:" + idDrag + " IdDrop:" + idDrop ); $ ( "#test2" ). text ( "doneWord:" + doneWord ); $ ( "#test3" ). text ( "splitedWord:" + splitedWord ); } });
Identifying a Specific Submit Button in AjaxForm
Hello- I'm using Django and AjaxForm to submit a form(s) that adds an item to a user's "cart". I have multiple items listed on the page, each with it's own "add to cart" button. Upon clicking a specific "add to cart" button, I use Ajax to add the item to the user's "cart" and display it in their "cart" at the top of the screen. Users can also delete an item from their cart by clicking on a given item in the cart. I would now like to change the appearance of the "add to cart" button once it has been
datepicker method reporting error
I'm using datepicker from Jquery UI 1.11.2, and so far it's been working great, except in one very specific circumstance. Here's the HTML code for the input box (the ID is unique on the page). The UI bits are handled by bootstrap, for what it's worth. <input type="text" id="date-input" class="form-control" placeholder="MM-DD-YYYY" /> The javascript code to initialize datepicker for this input is as follows: $('#date-input').datepicker({ dateFormat : 'mm-dd-yy', onSelect : datePickerObject.preselectCallback,
Autocomplite how find data in differents fields
Good day. For example I have array var data = [{'id':1,'name':'test', 'desc':'other'},{'id':1,'name':'test', 'desc':'other'},{'id':1,'name':'test', 'desc':'other'}]; How use jQuery autocomplite find need value by several fields? For example in 'name' and 'desc'. Thanks.
File upload functionality in jqgrid using Jqury or asp.net
Hi, Can someone please help me how to upload file from jqgrid using jquery or asp.net. Thanks, Sandeep
$.mobile.changePage gives error in Chrome(android) and not in Safari(iphone)
Hello, I have this problem: I can use $.mobile.changePage("scankaart.html) perfect in Safari. When i test this in Chrome, it give me an error. Does somebody know what i have to change to let it work?
Jquery Text Box autocomplete search Feature.
Hi, I need to implement Jquery Text Box autocomplete search Feature with the latest version of Jquery. For this I need to keep the code base as less as possible. What all files do I need to use to complete this task. For the search results, I need to hit the server. Currently, I am using the following files: 1. jquery-1.4.2.min.js 2. jquery.autocomplete.js 3. autocomplete.css Regards, -Sawan.Patwari
Using sortable into a scaled container
I have a sortable list into a scaled container (css3 transform), and the lastest items presents x and y offset when dragging. Without the transform the dragging is normal. How can I adjust the item position to the correct scale when dragging? Edit: Here is an example
Icons appear as round blobs on Galaxy Y
Hi, I have a phonegap application that is using jQuery mobile. Everything looks good with my Galaxy S2, but when I test it on my Galaxy Y, all the icons just appear as round blobs.
Caching jQuery
Hi, I was wondering is it possible to cache the api of jQuery because I am using the same api every time for multiple elements? For example. $("#id1").css("display","none"); $("#id2").css("display","none"); $("#id3").css("display","none"); $("#id4").css("display","none"); $("#id5").css("display","none"); I know that you can assign all the selectors to one api, however I have a script which checks the url for specific words, so I was wondering is it possible to cache the api to improve performance?
trigger event to a widget from widget event
I made a demo on js fiddle. The question is: I've two selectmenus widget and when happen a change on the first one I would like to trigger a new "change" event to the second selectmenu. At the moment I haven't reach that result. Here the code I can found a workaround with an external function but ... I would like to understand why it doesn't work. Thank you
Overlay Problems From Newbie
Hello I really cannot get my first ever jQuery attempt to work. An overlay box is supposed to come up when you click the events tab. http://www.jameswinfield.co.uk/Emma.html Can anyone point me in the right direction? Thanks James
JQM wraps <inputs> tags inside of <head> tags?
Apologies for the crosspost, but my Stackoverflow question isn't generating any interest... Visual Studio 2013 Ultimate update 4, Tools for Apache Cordova CTP 3.0, building for Windows Phone 8.1 I'm searching for help/workarounds/magic to deal with the following: Start with a blank ApacheCordova template app, it runs "fine". Add a button input -- everything is still "fine" But then include JQuery and JQuery.mobile and neither the <p> nor the <input> are rendered when running on the emulator or the
Loading listview with 5 elements (incl. images) takes 8 seconds..
Hi, I am not a professional mobile developer either. Not yet. But investigated quite some time with this issue. I read a lot about performance issues using jquery mobile on phonegap, especially with the listview element. But still I cannot believe that it is normal that it takes 8 seconds to show a listview with 5 elements. Or could it be a problem that I have images implemented in my listview? I would appreciate it a lot, if somebody could take a look and maybe finds some problems with my code.
Multible FileUpload with Ajax (different sizes to the server)
I have been making a project and I need to upload an image. When the user selects images, 300x300 size images will be uploaded. When finished, 700x700 size of same images will be uploaded. Finally the original version of the images will be uploaded to the server. In short user will select images one time and I want to upload images that selected by user as the different sizes to the server. How can I make this project using .NET and AJAX?
problem with implementation of jQzoom plugin
hey! I have problems with the jQzoom plugin in shopify - http://www.myjqueryplugins.com/jquery-plugin/jqzoom#field_implementation there is a guide, so I have the css files, and the js files, but I can't get the html code right. anyone who can help me? it's probably simple, but i'm no expert. Nicolai
not able to upload file from jqgrid
I am trying to upload a text file from JQgrid edittype file option. But when clicking on submit button on add dialoge its not calling web method. Please help. Below is my grid col model: jQuery( "#JQGridFileUpload" ).jqGrid({ colNames: [ 'ClientID' , 'Document Type' , 'Document Description' , 'View/Upload documents' ], colModel: [ { name: 'DocumentType' , index: 'DocumentType' , width: 30, editable: true ,
using data-btn-close = "none"
Hello, I have an anchor linking to a dialog box, html of the dialog box here: <div data-role="page" id="myDialog" data-close-btn="none" > <div data-role="header"> <h1>Terms and Conditions</h1> </div> <div data-role="content"> <p>Lorem ipsum dolor allut et alos en</p> </div> </div> But this is not removing the x in the top left of the dialog box. The link to open the box is here: Dialog box opens fine but I cannot remove the actual x with the element. <a class="ui-btn ui-btn-inline
Cannot Download jQuery
I have to download jQuery for a school assignment and am unable to do it with any version. Attached below is the error I'm receiving. Also, what version is best for me to download? Thanks in advance!
Next Page