jQuery技术:JQuery Accordion:如何将其嵌入到对话框中?

我想设计一个包含3个部分手风琴的对话框,有谁知道如何实现这个目标? 我正在尝试使用JQuery手风琴的例子,但仍然没有成功。 我很感激你的想法。

    看看这个链接 ,大约一半的页面就是一个很好的例子

    如果您尝试将其嵌入弹出alert()框中,则无法执行此操作。 你最好的选择是创建自己的模态弹出窗口。

    使用jQuery UI的对话框https://jqueryui.com/demos/dialog/是一个很好的基础,有很多在线文档和使用,但你可能只想自己创建一个叠加层。 这只是意味着使用jQuery创建一个绝对放置的DIV。

     $("body").append(""); 

    用CSS表示样式表中的模态窗口

     #modal { position:absolute; /* could be 'fixed', but then you have to deal with browsers */ top:10%; left:25%; width:50%; height:500px; overflow:auto; } 

    等等。

    简单的方法

     $('#someDiv').accordion().dialog(); 

    所以对于三个项目部分

     

    Section 1

    Section 1 content

    Section 2

    Section 2 content

    Section 3

    Section 3 content

    您可能想要自定义。

     $('#someDiv') .accordion({ active: 2, collapsible: true }) .dialog({ width: 500, height: 350, title: 'Some title' }); 

    祝好运!

      以上就是jQuery教程分享JQuery Accordion:如何将其嵌入到对话框中?相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/548353.html

      (0)
      上一篇 2021年1月13日
      下一篇 2021年1月13日

      精彩推荐