jquery

问题 I'm using summernote as my web online editor. But some part of the editor(buttons with bootstrap dropdown class) didn't work. I finally found out that loading jquery.js and bootstrap.js twice times was the problem (The page includes header.php which already loads the two js files). So I'm confused about the error. What would happen if a js file is loaded multiple times while some other js files depend on it? And why should jquery.js, jquery-ui.js and bootstrap.js be loaded in order when they

问题 I have a basic toggle function, when item is clicked initially it sends an ajax post, and when clicked the second time it sends a second different ajax post. the issue is once it makes the ajax call, the second toggle function no longer fires. When I removed the ajax functions from the toggle and replaced them with a basic show/hide div, it worked just fine first and second click. Below is my code: You will notice I have a basic show/hide function for the first click, for testing purposes.

问题 Here is how the form is supposed to execute: <script> $(document).ready(function(){ $("#submit").click(function(){ //access token stuff var token = $("#link_input").val(); ... etc</script> . I am trying to auto submit this info once it exceeds 10 characters. Normally you fill out the text area in the input field and you click submit. Upon clicking the submit button the JS validates the text in the input box and if it's valid it executes. How can I auto-submit the text in the input box without

问题 I painted this picture to demonstrate what my final goal is. Short description: If nothing is changed in form or there's already exact same values saved, "save values" button does nothing If something is changed in form, "save values" button saves those values to localStorage and bind with numbered element ( "1" in picture ) and with input it came from If numbered element is clicked, it fills the inputs that were changed with values that were saved If something is changed in form & it's not

问题 I have the following HTML: <div id="modal" ><div class="modal-window"> <ul class="action-tabs right"> <li><a href="#" title="Close window"> <img src="/Content/images/icons/fugue/cross-circle.png" width="16" height="16"></a></li> </ul> <div class="block-content"><h1>xx</h1> <div class="modal-content> ... </div> </div> </div> I can't change the way this is coded but I need there to be a form element starting after the h1 heading and finishing after the end div of the class "modal-content". Note

问题 I was reading the documentation of the .on event handler of jQuery and I started playing around with it. I have a simple <select> element with the multiple attribute set to true. However, I want the user to be able to select multiple items without having to press the ctrl or shift key(s) According to the .on documentation, if you specify a selector it will automatically add those event handlers to any new items added inside that container that match the selector specified. So in my case, I

问题 I am making buttons that when clicked, a script performs speech recognition on the user's speech. There are multiple click buttons, one for each sentence. The buttons occur in pairs: one button is to be clicked and will start the speech recognition. The other button that's next to it shows the score. I got the basic script from Glen Shires (Introduction to Web Speech API) and am trying to adapt it for my own needs. I got so far up to the point where I got the score to show in a designated

问题 Here is a script that add content to <div class="container"> </div> when we select some text and press Get Selection button, with every time class mySlides Okay But here is all text goes in one by one only in this structure, even though we select with Line Break <div class="container"> <div class="mySlides"> Some Text </div> <div class="mySlides"> Some other </div> <div class="mySlides"> Some another </div> </div> But Now i want a little change here, my requirement is When i select text with

问题 I had 6 set of radio group and each group have 4 radio buttons. function callRandom() { var check_group = []; // <<< Here var contestants = ["groupA", "groupB", "groupC", "groupD", "groupE", "groupF"]; var contestantsNumber = contestants.length; var loop_number = 4; for (var i = 0; i < loop_number; i++) { var randomNumber = Math.floor(Math.random() * contestantsNumber); var randomWinner = contestants[randomNumber]; // var randomWinner1 = contestants[randomNumber]; // var x = document

问题 I have about 20 buttons on a page. I have set them up with jquery to slide toggle to show and hide a div. It works well but only if the same button is used to close the div before selecting a new div. I want that if a button is clicked it will slide up open divs, before it slides down its own div. Right now if a div is still showing, and a different button is clicked, the open div wont close. I think there are too many buttons to make an if function to test each div by name if open, and then