Thickbox内联问题
我正在尝试创建一个模式窗口与隐藏的内容使用厚框它打开窗口很好，不确定为什么它不显示内容内的id=“隐藏内容”。
我按照内联http://jquery.com/demo/thickbox/# -thanks的示例中的建议进行操作
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="thickbox.js"></script>
<link rel="stylesheet" href="thickbox.css" type="text/css" media="screen" />
</head>
<body>
<a href="#TB_inline?height=155&width=300&inlineId=hiddenContent" class="thickbox">Show Content</a>
<div id="hiddenContent" style="display: none">inline content comes here</div>
</body>
</html>回答 4
Stack Overflow用户
发布于 2010-11-05 12:08:48
看起来你没有css文件，你可以将http://jquery.com/demo/thickbox/#sectiona-3上的css复制到你的页面(或者另存为style.css文件)。
-- edit --是，对不起，没有注意到css已经加载了:(
顺便说一下，我找到了解决方案，试着在你的hiddenContent目录中添加p标签：
<div id="hiddenContent" style="display: none"><p>inline content comes here</p></div> 希望有帮助;)
Stack Overflow用户
发布于 2011-10-19 22:33:11
这是thickbox中的一个bug。下面是如何修复它的方法：
thickbox.js内幕
在第221行左右，您应该看到下面这行代码：
$("#TB_ajaxContent").append($('#'+params['inlineId']).children());将其更改为：
$("#TB_ajaxContent").html($('#'+params['inlineId']).html())然后，在223行左右，你会看到这一行：
$('#'+params['inlineId']).append($("#TB_ajaxContent").children());通过在该行之前添加两个斜杠来禁用该行，如下所示：
//$('#'+params['inlineId']).append($("#TB_ajaxContent").children());解释：
当thickbox将内容从隐藏的div复制到厚框容器中时，它通过复制所有.children()元素来完成此操作。如果在隐藏的div中只有文本，则没有子元素，因为文本本身不是子元素。这就是为什么可以将内容包装在<p>标记中的原因，因为现在有了一个子标记( <p>标记)。
因此，如果您只想在隐藏的div中包含文本，那么使用.html()将获取隐藏的div中的所有内容。第二行被禁用可防止当厚框关闭时，厚框试图将内容复制回隐藏的div，这将导致子标记中的任何内容都被复制到隐藏的div中。
Stack Overflow用户
发布于 2012-09-26 07:36:58
不需要编辑.js文件，解决方案非常简单。
也许稍晚一点:)但是我克服了这个问题，只用&修改了#TB_inline?中的?字符
问题出在内部的parseQuery tickbox函数上，该函数解析匹配对，但当查询具有双?时，它就会失败。
更新：在某些情况下还需要<p>修复;)
希望能有所帮助。
https://stackoverflow.com/questions/4103490
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号