使用jquery在wordpress文章中添加一个表

时间:2016-12-14 10:02:29

标签: jquery html wordpress

在Wordpress文章/页面中使用jQuery(没有断行和jQuery的兼容模式),为什么我可以插入任何纯文本,但不能直接插入html PICK_NOTE_LINES,例如tag或一个<p>使用适当的jQuery方法(html)?

例如,在Wordpress中,以下代码不起作用:

<table>
$(".div_import_text").html("New text");
$(".div_import_table").html("<table><tr><th><p>1</p></th><th><p>2</p></th></tr><tr><td>A</td> <td>B</td></tr></table>");
table, tr, th, td {
  border: 1px solid black;
 }

然而,间接插入格式化文本和html标签没有问题(例如,通过从另一个Wordpress页面/文章复制它,例如使用jQuery方法<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="div_import_text">Old text</div> <div class="div_import_table">Old table</div>)。为什么?这是出于安全原因吗? https://stackoverflow.com/a/2075942/7208844

那么为什么要通过所提到的jQuery方法get从其他Wordpress页面导入内容来允许INDIRECT包含内容?

很抱歉这个问题很长,谢谢你的时间。

2 个答案:

答案 0 :(得分:1)

Wordpress似乎将每个html元素从一个字符串添加到一个打破javascript的新行,我建议你用你的javascript创建一个自定义短代码并将其附加到你的帖子

答案 1 :(得分:0)

我这样解决了:我在另一个wordpress页面发布了<table>,然后使用jQuery方法<div>将其导入get

<script>
jQuery(document).ready(function($){
 $.get("external-wordpress-page",function(res){ 
  $(".table").html($(res).find('.table'));
 },'html');
})
</script>

无论如何,谢谢大家