在Wordpress管理员中的模态窗口


14

如何在Wordpress管理员中获取模式窗口?

我想创建一个模态窗口,该窗口将从wp-admin内的元框运行。

有任何想法吗?


2
50%的比例非常低-请记住要返回到您以前的问题并接受正确的答案。它使他们摆脱了“无人解决”的困境,并帮助其他人更轻松地找到解决方案。如果人们知道OP将响应他们,他们也将更愿意提供答案。:)
史蒂芬·哈里斯

Answers:


16

给锚点一个thickbox类,并确保使用以下命令将thickbox脚本排入管理页面 add_thickbox

add_thickbox();

<a href="your url" class="thickbox">click here</a>

您可以add_thickbox在这里看到什么:

http://hitchhackerguide.com/2011/02/11/add_thickbox/


2
我认为不一定要排入thickbox:它会自动(至少在某些情况下)排入后期编辑页面。见add_thickbox()也。
Stephen Harris

那我怎么用html填充呢?
谢伊

请注意your url,它加载了锚的URL到iframe
汤姆Ĵ诺埃尔

1
我只花了40分钟的时间就将仅模态引导CSS和JS导出到仪表板-_-中。可能已经花了30秒钟来做这件事……
Archonic 2015年

26

要将Thickbox用于内联模式窗口,可以使用以下代码。

<?php add_thickbox(); ?>

<a href="#TB_inline?width=600&height=550&inlineId=modal-window-id" class="thickbox">Modal Me</a>

<div id="modal-window-id" style="display:none;">
    <p>Lorem Ipsum sit dolla amet.</p>
</div>

http://codex.wordpress.org/ThickBox


1
另外,可以通过将标题属性添加到链接或按钮来设置模式窗口标题。<a href=" YOUR LINK“title=" MODAL WINDOW TITLE”class=" thinbox "> Modal Me </a>
anton,
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.