Tag: 手风琴

通过Knockout模板生成的多个嵌套JQuery UI Accordion无法正确绑定

我正在尝试使用多重嵌套的手风琴控件来使用Knockout,但在添加面板时,通过KO绑定创建的项目不会与手风琴作为新面板绑定。 代码如下所示:     Add Next Item Add SubItem ko.bindingHandlers.accordion = { init: function(element, valueAccessor) { var options = valueAccessor() || {}; setTimeout(function() { $(element).accordion(options); }, 0); //handle disposal (if KO removes by the template binding) ko.utils.domNodeDisposal.addDisposeCallback(element, function(){ $(element).accordion(“destroy”); }); }, update: function(element, valueAccessor) { var options = valueAccessor() || {}, existing = $(element).data(“accordion”); //if […]

如何创建简单的图像滑块/手风琴?

在wordpress页面中有一个垂直图像插件.. 我想要一个网页,如下所示: 在这里有一个主面板产品 。并有手风琴图像.. 只有10%的图像是可见的..但是onclick图像1它应该扩展100%,如下所示: 而主要的是……这些图像用户应该能够放入WP页面 静态它可能..如图所示 但我希望它在页面中编辑或..某些方式..可能在一个文件夹.. 可能吗? 有插件可以帮助我吗? 或者,如果我需要编码,那么任何人都可以给我相同的想法…?

jQuery Accordionfunction面板在不应打开时打开

我从一个网站(励志像素)中抓取了一个很棒的可折叠手风琴代码。 它工作得很好,除了问题是每当我点击“WEIRD PART”这个词时,面板再次打开,它不应该是。 当我点击“第1章”这个词时,手风琴可以正常工作。 这个词上附有一个span类可能就是这样吗? 你会明白我的意思 HTML代码: Chapter 1 WEIRD PART Mauris interdum fringilla augue vitae tincidunt. Curabitur vitae tortor id eros euismod ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent nulla mi, rutrum ut feugiat at, vestibulum ut neque? Cras tincidunt enim vel aliquet facilisis. Duis congue ullamcorper […]

对手风琴的响应内容

我在手风琴菜单上工作时遇到了一些麻烦。 基本上,我想要一个4列布局,然后当浏览器resize小于600px时成为手风琴菜单。 它几乎可以工作,例如,如果您在浏览器已经小于600px时访问该大小,那么它可以工作。 但是,如果您从桌面大小开始,然后将浏览器调整到600px以下,并尝试单击标题,由于某种原因它不起作用。 没有任何错误,只是没有工作(内容区域不扩展)。 我已经快速演示了我想要做什么,它应该相当简单,我只是无法让它工作(缺乏睡眠可能没有帮助)! 链接到演示 在此先感谢任何帮助:) 詹姆士

Cordova / Phonegap:JQuery UI Accordion不再在ios8上滚动

我在cordova框架(html / css / js)中编写了一个iOS应用程序。 要显示内容,它将使用JQuery UI中的Accordion。 Accordion具有固定的高度,因此当内容为一页大时需要滚动。 直到iOS8更新一切正常,现在我不能再滚动内容了。 当我点击手风琴的标题而不是当时的内容时,滚动有效。 任何人都知道是什么原因引起的? 我检查的东西 – cordova最新 – jQuery最新 – XCode是最新的 – 使用Safari Debugger我在CSS中找不到任何差异 – 相同的应用程序适用于ios 7.1 – 在xcode的模拟器中也存在行为差异 谢谢 基督教

如何在jQuery Accordion上执行以下ajax请求?

我使用Asp.Net MVC创建了一个jQuery Accordion,它工作正常。 手风琴显示员工姓名列表,当我点击某个项目时,它会显示详细信息。 我想发送一个AJAX请求,以便在他们点击某个项目时获取员工详细信息,而不是一次性加载所有员工详细信息。 请看下面的代码。 另外,请告诉我如何保持手风琴中的第一个项目折叠而不是显示细节,是否有任何方法可以将标题向右移动而不使用&nbsp ? @foreach (var item in Model.Employees) {     @item.EmployeeName Address: @item.Address Town: @item.Town Postcode: @item.PostCode PhoneNumber: @item.PhoneNumber } $(function () { $(“Accordion”).click(function (evt) { $.ajax({ url: “/Accordion/GetEmployeeDetails”, type: ‘POST’, data: //need code to pass the employeeid that was clicked on the accordion, success: function (data) { $.each(data, function (i, […]

Jquery手风琴菜单(3级)怎么样?

我有这个jquery代码: $(document).ready(function(){ $(“#accordion2 h3”).click(function(){ //slide up all the link lists $(“#accordion2 ul ul”).slideUp(); //slide down the link list below the h3 clicked – only if its closed if(!$(this).next().is(“:visible”)) { $(this).next().slideDown(); } }) }) 和HTML: Articles Nature Wild life Flowers Animals Earth Space Ocean Land 我如何修改jQuery代码,以便用户可以滑动“自然”及其内容? 3个三级菜单。

模拟单击以打开Bootstrap折叠元素

我正在尝试模拟Bootstrap崩溃标题上的clik ,但没有成功。 我真正想要做的是,当用户点击手风琴标题附近的图像时,它会打开,就像用户点击了标题的 。 这是一个更好理解的FIDDLE 我的HTML标记如下所示: Filter the results 1st column content 2nd column content 但我不知道如何在SimulateClick() JS方法中编写“点击图像,打开手风琴”。 我尝试过类似的东西 $(“#collapseOne”).click(); 要么 $(“#collapseOne”).addClass(“in”); 但它没有做任何事情。 任何的想法 ?

在jquery UI中降低手风琴的速度

我对这段代码有两个问题: 首先,我想降低效果的速度。 其次,就像关闭选项卡的效果一样,然后会出现以下新选项卡 if ($(‘#sidebar ul’).length) { $(“#sidebar ul”).accordion({ event: “mouseover”, active: 1, collapsible: false, autoHeight: false }); } 示例url: http : //jsfiddle.net/8pKMh/

没有h3标签,JQuery手风琴不起作用

我正在尝试用JQuery制作手风琴并遇到麻烦。 JQuery网站显示创建这样的手风琴内容。 First header First content Second header Second content 当我这样做时,手风琴不能正常工作,格式化有问题。 如果我在标题锚点周围放置h3标签,就像这样 First header First content Second header Second content 有用。 有谁知道为什么会这样? 它发生在Firefox 3.5和IE 8中。我今天也刚刚下载了JQuery文件。 -谢谢