首页 文章
  • 2 votes
     answers
     views

    为每支手风琴提交表格

    我有一个带有4个 Headers /部分的手风琴,每个 Headers /部分都有一个表格 . 我需要将每个表单提交给服务器并给出回调,以及在用户继续进行下一步之前的验证 . 我有验证工作 - 我只是使用默认设置 . 现在如何为每个提交的表单收到回调?我知道我需要分配每个Next按钮来提交,但我不知道如何使用这个脚本,因为这个脚本是为一个表单的单个提交而设计的 . 我也不允许使用PHP,因为它不是...
  • 1 votes
     answers
     views

    jQuery UI Accordion - 在mouseout上重新激活默认的活动元素

    我正在使用手风琴进行导航,我需要每个元素在鼠标悬停时变为活动状态,但在mouseout上,初始活动元素应该展开,而不是最后一个悬停的元素 . 这就是我正在尝试的: <div id="accordion"> <h3 id="item-1">Item 1</h3> <div id="item-1...
  • 2 votes
     answers
     views

    没有活动项目的jQuery手风琴折叠

    我有一个jQuery手风琴,默认情况下,页面加载时所有项目都已折叠 . 它允许用户单击要打开内容的项目,然后单击同一项目以折叠它 . 用户还可以单击另一个项目以打开该内容并关闭前一个项目 . 通常 . 我想要做的是当我通过点击它关闭打开的项目,使它像页面加载时一样处于非活动状态 . 当我单击该项目时,内容将关闭,但该项目仍处于活动状态,并且可以看到打开项目的CSS . 如何在关闭时使其处于非活动状...
  • 2 votes
     answers
     views

    基础手风琴在页面加载时全部活动或扩展

    我在实施基础手风琴时遇到了问题 . 问题似乎是页面加载所有内容处于活动状态或展开状态时 . 但是,当页面加载时,只有一个手风琴内容应该是活动的,你表示 <li class="active"> 奇怪的是,在页面加载并且你点击手风琴 Headers 后,JS会响应并仅使主动div显示并且所有其他div消失 . 我在这里使用这个主题线程来实现我的网站的手风琴:https...
  • 3 votes
     answers
     views

    Zurb Foundation Accordion - 不要崩溃非活动段

    我正在使用Foundation 3手风琴:http://foundation.zurb.com/old-docs/f3/elements.php#accordion 默认行为是,当您单击选项卡以展开某个部分时,先前展开的部分会折叠 . 我想覆盖它,以便页面加载第一部分展开,然后当您展开其他部分时,它们都保持打开状态 . 基本上,我想完全禁用折叠段 . 这是相关的js . 我尝试用“removeCl...
  • 0 votes
     answers
     views

    通过Link打开基础手风琴小组

    有没有人知道在Foundation 5中使用外部锚链接打开手风琴面板的方法? 我尝试使用锚链接,只是加载页面,而不打开面板 . 我也尝试过使用Stack Overflow上的响应,似乎没有任何工作 . 我想要实现的是,当单击锚链接时,页面加载,滚动到面板然后打开它 .
  • 0 votes
     answers
     views

    基础6手风琴菜单 - 持久状态

    当用户导航到该子菜单中的链接时,我正试图让子菜单保持打开状态 . 在我的搜索中,我发现此代码检查当前URL是否与任何href匹配,如果是,则切换该类(我收集) . 但是,我无法使用我认为我想要合并的内容,即Foundation API . 保留Foundation 6手风琴菜单项状态的最佳方法是什么? 这是我到目前为止: $('.main-nav a').each(function(){ ...
  • 0 votes
     answers
     views

    离子膨胀和按钮水龙头折叠

    我在我的应用程序中使用ionic和angularJS,我需要展开并折叠列表视图 . 截至目前,我使用ion-list和ion-item创建了列表视图,没有展开和折叠 . 请在下面找到代码和快照 . <ion-view view-title="Call Lists"> <ion-content class="padding"> &l...
  • 32 votes
     answers
     views

    jQuery UI Accordion展开/折叠全部

    我正在项目中使用jQuery UI Accordion(它确实是 not allow more than one item open at a time ) . 使用手风琴是合适的,因为我通常只希望一次打开一个面板 . 但是,我需要提供一个“全部展开”链接,单击该按钮可切换到“全部折叠” . 我不想在这个要求周围自定义几乎相同的手风琴功能,所以我想要一些JS来实现这一点,同时保持Accordion...
  • 4 votes
     answers
     views

    Ddrag和drop and bootstrap UI Accordion

    我有这样的代码: <div ui-tree> <ol ui-tree-nodes="" ng-model="policies"> <li ng-repeat="item in policies" ui-tree-node> <div ui-tree-handle...
  • 0 votes
     answers
     views

    如何在基金会6中防止手风琴动画

    我正在尝试使用Foundation 6创建一个使用手风琴进行组织的表单 . 我想为手风琴 Headers 添加输入和按钮 . 通常,当点击手风琴 Headers 时,它会通过滑动来切换其内容 . 我想禁用此效果,因此如果我单击 Headers 中的按钮,内容将不会切换,因为如果每次单击按钮时它都会扩展和收缩,那真的很烦人 . 我有类似的东西: $body.on('click', '.button_...
  • 2 votes
     answers
     views

    SharePoint Web部件自动刷新javascript事件?

    Background :我还添加了jQuery和jQuery-UI,使列表项显示为jQuery Accordion . 它运行良好,除了我还需要在Web部件上实现ajax自动刷新以每60秒刷新一次内容 . Problem :当Web部件刷新时,jquery代码将恢复 - 项目不再以手风琴模式显示 . 我可以打开浏览器控制台并手动输入jquery代码,例如 $(".selector&quo...
  • 1 votes
     answers
     views

    mat-select在mat-expansion-panel中不起作用

    我们必须在mat-expansion-panel内显示一个表单 . 表单中有多个字段,其中很少有我使用mat-select而另外几个我使用mat-input . 在扩展面板中,matInput正常工作,但mat-select未显示选择可能值的选项 . 虽然mat-select在正常显示时工作正常 . <mat-expansion-panel> <mat-expan...
  • 1 votes
     answers
     views

    自定义jquery手风琴 - 在锚点上添加/删除类

    我正在努力实施定制手风琴 . 它实际上只是一个slideToggle显示/隐藏,但我只希望一次打开一个切换,jquery添加和删除类以获得额外的样式 . 下面的代码MOSTLY可以工作......抛出循环的部分是在我的h4元素上添加/删除一类“active” . 当有人点击H4时,它应该接收“活动”类,并且我的块中的所有其他h4元素将被“活动”删除 . 我已经尝试过这种方式,但我无法确定这一点 ....
  • 1 votes
     answers
     views

    Jquery手风琴

    我正在使用以下功能来展示我的手风琴 <script type="text/javascript"> $(document).ready(function(){ $(".accordion h3:first").addClass("active"); $(".accordion div:not(:fi...
  • 0 votes
     answers
     views

    手风琴动画在设置高度时自动破坏!重要

    What's going on? :我的jQuery手风琴的动画被打破了 . 在关闭上一个选项卡之前,它会在短时间内单击下一个选项卡后显示先前打开的选项卡 . 动画也不会滑动 . CSS :发现自this answer /* The following was added into accordion.css */ .ui-accordion .ui-accordion-content { hei...
  • 1 votes
     answers
     views

    Watch 里面的表 - 需要纠正一个错误

    需要一点帮助 . 还是jQuery的初学者......我有一个产品包比较表 . 第一列包含功能 . 如果我单击它打开的函数并以手风琴样式显示函数的描述,并使函数名称为粗体(将类'active'添加为活动的折叠 Headers ) . 默认情况下,所有手风琴都会关闭 . 我只想要同时打开一个手风琴,所以如果访问者点击另一个,前一个手风琴会自动关闭 . 我做了这个工作 . 当我再次单击Accordio...
  • 0 votes
     answers
     views

    点击它时如何隐藏div

    我想创建一个手风琴,其中所有标签最初都关闭,每当我点击其中一个标签时,该特定标签打开,第二次点击它关闭 . 我可以打开div1,但我不知道如何关闭它或如何概括开关 . 我还创建了一个codepen示例,您可以看到我到目前为止所做的工作 . 点击蓝色div,它应该打开隐藏的段落 . <http://codepen.io/anon/pen/qbMBXd> [编辑:当一个标签打开并且我点击...
  • 4 votes
     answers
     views

    一次只能打开一个手风琴标签

    我的手风琴效果非常好,它在网站上看起来很棒并且可以正常工作 . 但是,我正在尝试为它添加更多JavaScript功能,以使其看起来更专业 . 目前,手风琴允许您一次打开多个面板,即如果我打开一个标签,然后打开另一个标签,则两个标签将同时打开 . 关闭这些面板的唯一方法是重新点击 Headers . 我想要的是一些JavaScript代码,可以防止多个标签一次打开,所以如果我点击一个新面板,它应该...
  • 0 votes
     answers
     views

    如何将手风琴面板文本链接到隐藏的折叠式菜单选项卡

    我的手风琴已经构建并正在工作,但是,我在如何使MyChannel选项卡式面板中的内容完成我想要的工作时遇到问题 . 在Accordion选项卡下,“MyChannel”是4行文字:(帐户,付款,上传,升级) . 如何使这些线转向链接,点击时可以打开上面相应的手风琴选项卡 . 此外,我不希望相应的标签永远不会显示 . 即使被链接选中,我也希望隐藏它们 . 要显示的唯一三个Accordion项目是:O...
  • 0 votes
     answers
     views

    从外部页面打开手风琴项目

    我想从外部链接打开手风琴项目 . 这样的事情:用户点击第1页上的链接,第2页加载并滚动到打开的手风琴项目 . 我使用了单词scroll,因为我将有几个手风琴项目 . 我试着测试一下我在这里找到的一些答案,但是我无法自定义它们来使用我的手风琴 . 你的帮助将被高度挪用 . 非常感谢你 我的手风琴结构: <div id="accordion" class="acco...
  • 0 votes
     answers
     views

    如何使用accordion进行展开/折叠菜单

    我想制作展开/折叠菜单栏,它应放在右侧浮动,当我点击展开按钮时,它应该使用菜单列表展开,使用手风琴 .
  • 0 votes
     answers
     views

    单击jQuery UI accordion Headers 中的图标以打开Bootstrap模式,但防止手风琴折叠事件

    我有一个jQuery UI手风琴 . 在每个 Headers 栏中都有一个“编辑”图标 . 单击此图标可打开Bootstrap模式 . 目前,单击图标会启动模态,但显然也会触发手风琴菜单展开/折叠事件 . 我该怎样预防呢? Demo: http://jsfiddle.net/M3MDJ/3/ 据我所知,Bootstrap模态事件首先发生,因为如果我使用 event.stopPropagation...
  • 0 votes
     answers
     views

    Bootstrap 3只能与锚点一起使用 - 导致滚动

    我有一个bootstrap 3手风琴 <dl class="panel-group col-lg-10 col-lg-offset-1" id="product-list"> <dt class="panel-heading col-lg-12"> <a data-toggle="c...
  • 8 votes
     answers
     views

    使用ng-class和ng-click切换手风琴面板图标

    我有一个带有"chevron"图标的手风琴,点击时切换为指向上或下,这是通过 ng-click 和 ng-class 完成的 . 手风琴只允许一个面板同时打开 - 所以当我点击一个关闭的面板时,打开的面板关闭 . 但是如何在打开的面板上切换V形图标,并用 ng-click 关闭? 最初我可以用DOM操作等来做,但由于这是角度的局部视图我不能这样做 . 码: <div cl...
  • 1 votes
     answers
     views

    折叠当前div在按钮单击时展开下一个div

    我正在处理大型问答形式的一部分,其中一个页面上有一个手风琴,您可以在这里查看 . http://jsfiddle.net/Covanant/rxpdz2q9/ 表单的工作方式是,当您用一个手风琴回答问题时,它会折叠,然后展开下一个手风琴,但复选框除外,因为它们可以有多个选择 . 我有一个名为“Next”的按钮,带有复选框,默认情况下按钮将被隐藏,我想要做的是一旦为复选框选择了一个选项,“下一步”按...
  • 1 votes
     answers
     views

    手风琴图标更改点击 - javascript

    我现在的手风琴打开和关闭正常,并且按照我的意愿工作,但是关闭标签时图标不会正确改变 . 即使打开另一个选项卡,关闭上一个选项卡,是否有更改图标以匹配选项卡状态? 基本上图标应该在打开时显示减号,在关闭时显示加号,因此当点击打开标签时它会改变... 这里有一个JS小提琴,希望能更好地理解这一切... https://jsfiddle.net/wf2goy8s/4/ 这是我的javascript: j...
  • 0 votes
     answers
     views

    手风琴扩展崩溃图标问题

    我正在制作一个包含几个孩子的手风琴,并在点击时显示一个打开/关闭图标 . 我遇到的问题是图标 . 当你一次展开和折叠一个时,它很好,但是当你打开多个项目时,图标开始表现得很奇怪,并且当它们应该是加号时显示最小值 . 我已经尝试了每个和if else语句,但现在运气好了 . 我还提供了一个链接到我的CodePen $(document).ready(function(){ $('.pub-a...
  • 0 votes
     answers
     views

    单击我的手风琴幻灯片效果时更改图标

    我的手风琴图标有点问题 . 当崩溃时,它应显示为“”,这应切换为“ - ” . 当前脚本在单击每个div上的切换时工作正常,但是当第一个div体扩展并且当您单击另一个div时,图标“”应为“ - ” . 换句话说,当身体展开时,图标应为“ - ”,折叠时图标应为“” . $('body').on('click', 'div.title', function () { $(this).addCl...
  • 0 votes
     answers
     views

    如何使用XSLT创建动态(bootstrap)Accordion

    我正在使用bootstrap手风琴来创建使用XSLT的FAQ列表 . 它使用默认的'collapse'javascript来切换 Headers 以显示描述 . 见下面的代码: <div class="span9 faqswhole"> <xsl:for-each select="$currentPage/faqs"> ...

热门问题