jquery

问题 How to disable multiple options in select, in case that exact options are selected in other selects. I found answered question for problem similar to mine on this link: http://jsfiddle.net/dZqEu/ jQuery code looks next: $(this).siblings('select').children('option').each(function() { if ( $(this).val() === value ) { $(this).attr('disabled', true).siblings().removeAttr('disabled'); } The problem is that this works only for 2 selects. I need total 3 selects which should disable possibility that

问题 I am wondering how I should declare a function in a jQuery script. What I've got now: function adjust_menu() { alert("test test"); }; but when I call it like this: ("#first_link").click(function() { adjust_menu(); }); it doesn't work. What am I doing wrong? 回答1: This may be a typo, but you're missing the $ before the jQuery selector, and you need to be sure the DOM is ready before running this code: $(function() { $("#first_link").click(function() { adjust_menu(); }); }); Doing $(function() {

问题 I am working on circle I want circle divide into 3 part like attached image Each part will be clickable, I am using HTML5, CSS3 and jQuery, is it possible to divide circle into 3 parts? .circle { position: relative; border: 1px solid black; padding: 0; margin: 1em auto; width: 430px; height: 430px; border-radius: 50%; list-style: none; overflow: hidden; } li { overflow: hidden; position: absolute; top: 0; right: 0; width: 50%; height: 50%; transform-origin: 0% 100%; } .text { position:

问题 I'm already busy with a one page navigation. Below you will find more information about the problem and my wish. How should it work? Once a navigation item is clicked, scroll to its particular section and update the active class of the menu. And if the page is scrolled to its particular section, it should update the active state too - so change the class to its particular anchor. Fixed header For the website I also used a fixed header, so this should NOT be overlay the particular section. So

问题 JavaScript's late binding is great. But how do I early bind when I want to? I am using jQuery to add links with event handlers in a loop to a div. The variable 'aTag ' changes in the loop. When I click the links later, all links alert the same message, which is the last value of 'aTag'. How do I bind a different alert message to all links? All links should alert with the value that 'aTag' had when the event handler was added, not when it was clicked. for (aTag in tagList) { if (tagList

问题 JavaScript's late binding is great. But how do I early bind when I want to? I am using jQuery to add links with event handlers in a loop to a div. The variable 'aTag ' changes in the loop. When I click the links later, all links alert the same message, which is the last value of 'aTag'. How do I bind a different alert message to all links? All links should alert with the value that 'aTag' had when the event handler was added, not when it was clicked. for (aTag in tagList) { if (tagList

问题 I used the JQuery function scrollTop on a list of contact numbers in a click function for each letter. It scrolls to where it is supposed to but then scrolls back to the top immediately. Here is a sample of the function in the code: $('.a').click(function(){ $('html, body').animate({scrollTop:$('#A').position().top}, 'slow'); }); Here is the JSFiddle I made for it: http://jsfiddle.net/CR47/MdtSE/ 回答1: If you're adding this to an anchor tag, you normally need to add a preventDefault() or

问题 I used the JQuery function scrollTop on a list of contact numbers in a click function for each letter. It scrolls to where it is supposed to but then scrolls back to the top immediately. Here is a sample of the function in the code: $('.a').click(function(){ $('html, body').animate({scrollTop:$('#A').position().top}, 'slow'); }); Here is the JSFiddle I made for it: http://jsfiddle.net/CR47/MdtSE/ 回答1: If you're adding this to an anchor tag, you normally need to add a preventDefault() or

问题 I'm using Bootstrap and tinymce-rails so that I can have a nice text editor for some of my text areas. However, I'm having a modal render a form that contains a textarea and the "tinymce" class, but this modal only actually shows the TinyMCE text editor one time. Once the modal is closed and re-opened, it only looks like a regular text field. Here's the form that's being rendered: <%= form_for @paragraph_section, html: {class: "form-horizontal"} do |f| %> <div class="form-group"> <%= f.label

问题 I'm using Bootstrap and tinymce-rails so that I can have a nice text editor for some of my text areas. However, I'm having a modal render a form that contains a textarea and the "tinymce" class, but this modal only actually shows the TinyMCE text editor one time. Once the modal is closed and re-opened, it only looks like a regular text field. Here's the form that's being rendered: <%= form_for @paragraph_section, html: {class: "form-horizontal"} do |f| %> <div class="form-group"> <%= f.label