Question

我想用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文件加载文件，我可以将它存储在文件中的某个位置并显示它？

Answer 1

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

在HTML代码中将HTML代码嵌入到您想要的任何位置：

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

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

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');

Answer 2

试试这个

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

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

Answer 3

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

中

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

然后要显示它，请执行类似

的操作

$("body").html($("tpl-list").html());

jQuery从外部html加载内容

3 个答案:

更好的方式：