jquery-ui-accordion

问题 Got a slight problem trying to have jquery UI and knockout js to cohoperate. Basically I want to create an accordion with items being added from knockout through a foreach (or template). The basic code is as follows: <div id="accordion"> <div data-bind="foreach: items"> <h3><a href="#" data-bind="text: text"></a></h3> <div><a class="linkField" href="#" data-bind="text: link"></a></div> </div> </div> Nothing impressive here... The problem is that if I do something like: $('#accordion')

问题 I have a Struts 2 application that is utilizing the accordion feature of the Struts2 jQuery plugin (http://code.google.com/p/struts2-jquery/wiki/AccordionTag) and I'm trying to programmatically traverse through the accordion items. What I mean is that I basically want to have a button in each accordion content area that opens up the next accordion item below it. Using plain jQuery outside of my Struts application, I seem to be able to do this: $("#accordion").accordion('activate', x); , as

问题 I am using jQuery UI Accordion. One section has a scroll bar. I would like that scroll bar to default to the top every time that section is opened. Currently, it "remembers" its previous position. Is there a way to make it forget its position or always default to the top. I only want to set this for the particular section, not the entire page. This post suggests using window.scrollTo(0, 0); to force the page to scroll to the top. But I'm unsure how to apply that to only a particular section.

问题 sorry for the slightly general question here, but is there any reason why the jquery validate plugin would stop working on a form split across an accordion? Just to explain, and I'm sorry I can't give a URL to an example. I've got an asp.net form which is split across an accordion. The mandatory fields are only on the first accordion panel. When this panel is open the validation works. If any of the other panels are open it won't validate. For various strange reasons I'm calling the

问题 An accordion contains a JQuery datatable which has more than 100 rows. When user expands the accordion it takes a lot of time for making the datatable visible. Here is the details: // declaration of dataTable Properties var dataTableProperties = {"bPaginate" : true}; //initialztion of dataTable object var $table = $('#table').DataTable(dataTableProperties); //On button click, that toggles to "view All pages"/"add pagination", the code is as: if(dataTableProperties .bPaginate)

问题 I will like to organize the structure and the design of my web system, for this reason I decided for the accordion component of jQuery (which is working pretty good) because I don't want to disturb the user with unnecessary space, so the user can decide if he want to see or not this information. My problem is that I just have one section inside this accordion (this section is a panel of components) and I can not collapse one section in the accordion (at least I don't know how). If I add

问题 I am trying to display a jQuery accordion inside of a Google Map, I have it working however when I click away from my accordion menu it will not act as an accordion when I re-open it. I'm at a loss as to how to fix it without creating my own accordion from scratch. Any help as to how to make it work properly? http://mulibraries.missouri.edu/Reference/virtour/demo_fs_mobile.php 回答1: You need create these elements again with events too. I improved your code using jQuery , try this: function

问题 I created a scrip with some help of stackoverflow. At the moment my Code looks like <script type="text/javascript"> $(function() { $( "#accordion" ).accordion(); var hashId = 0, $accordion = $('#accordion'); if (window.location.hash) { $accordion.children('h3').each(function(i){ var txt = $(this).text().toLowerCase().replace(/\s+/g,'_'); this.id = txt; if (txt === window.location.hash.slice(1)) { hashId = i; } }); } $accordion.accordion({ active: hashId, animate: true, heightStyle: 'content',

问题 My current problem is that my webpage suffers from FOUC using the jQuery UI Accordion plugin and javascript being loaded at the end of my html-body-tag. When I include the javascript in the head everything loads just fine. html5boilerplate recommends putting all the javascript at the end of the body-tag to avoid slow page loading. I also tried to display: none the accordion and show() it on document ready after I initialized the accordion but that is not satisfying, too. Any ideas? 回答1: I did

问题 Well I am using jQuery accordion. Below is what I have $(document).ready(function(){ $("#accordion001").accordion({ collapsible: true, autoHeight: false, navigation: true }); }); The problem is that it always shows the first link data by default. +++++++++++++++++++++++++++++++++++++++ + Link 1 + + Link 1 line 1 + + Link 1 line 2 + + Link 1 line 3 + + Link 2 + + Link 3 + + Link 4 + +++++++++++++++++++++++++++++++++++++++ I don't want to show first link data. I just want to show all available