1

我想用 WordPress 厚框显示一些 html 文件内容。我正在使用以下代码。这很好用，但问题是，使用这种方法我无法利用 WordPress 核心功能，因为它只能显示 html 文件内容。

jQuery('#test').load(url + '/files/' + name + '.html',
    function() {                
        tb_show('', '#TB_inline?inlineId=test&width=640&TB_iframe=true');       
    }
);

HTML 文件内容很简单，它只包含表单元素。

有什么方法可以代替从外部 html 文件加载文件，而是将其存储在文件中的某个位置并显示它？

4

3 回答 3

1

我不确定是什么问题，但你当然可以这样做：

将 HTML 代码嵌入到 html 代码中的任何位置：

<div id="external-code" style="display:none;">
  <!-- Form and inputs here -->
</div>

然后，您可以使用html()jquery 函数嵌入隐藏的内容：

jQuery('#test').html($('#external-code').html());

更好的方法：

在前面的方式中，您正在做一个额外的步骤，如果内容在同一页面上，您可以使用 ThickBox 执行以下操作：

<div id="my-content-id" style="display:none;">
     <p>
        This is hidden! It will appear in ThickBox when link is clicked.
     </p>
</div>

要通过 href 显示此内容：

<a href="#TB_inline?width=640&inlineId=my-content-id" class="thickbox">Open ThickBox!</a>

TB_Show使用函数显示它：

tb_show('', '#TB_inline?inlineId=my-content-id&width=640&TB_iframe=true');
于 2013-10-22T07:24:13.840 回答
0

尝试这个

$.get('test.html')
.success(function(data) {
 $('div.content').html(data);
});

将 test.html 替换为您的网址。

于 2013-10-22T07:03:09.717 回答
-1

您可以尝试将其存储在您的页面中

<script type="text/template" id="tpl-list">
<input type="textbox" id="txtbox1" />
</script>

然后显示它，做类似的事情

$("body").html($("tpl-list").html());
于 2013-10-22T06:59:21.503 回答