我试图在我的WordPress页面中显示一些元素，并发现每当我尝试添加包含HTML的NinjaUI元素时，WordPress就会混淆它。例如，如果我这样说：
var
$dialogCheckbox,
$dialog = $.ninja.dialog({
html: '<div style="padding: 50px">This is <b>Sparta</b>!</div>'
}).attach(function () {
然后WordPress在'之后拆分行。我无法看到它非常相关但在Safari中我可以看到WordPress与我的格式混淆但在Firefox中页面只是永远加载而我甚至无法查看源或检查元素。
我尝试了各种元素，并且能够显示星形图标但没有其他图标。 （???） 我能够显示一个按钮，我能够将其显示为选中或未选中，但这基本上是我能够做到的...
一个按钮和一个图标，别无其他:(
我尝试添加
<script src="/JavaScripts/jquery.ninjaui.min.js"></script>
到我的header.php文件，就在我的一些其他脚本下面，就在jquery脚本之后但是导致我根本无法使用NinjaUI。只需在header.php中添加jquery并直接将ninjaui添加到我的页面中，然后就可以了，除了WordPress之外，它对我放置在标签内部的内容进行了格式化。
在大多数情况下，我发现如果我在WP页面中添加标签，那么只要我的整个脚本没有空行，我就可以使用JavaScript。一旦我添加一个空行，那么整个脚本部分将使用DIV和P标签进行格式化，而不是。
似乎由于某种原因NinjaUI也破坏了我的其他一些插件。
<!-- All in One SEO Pack 2.0 by Michael Torbert of Semper Fi Web Design[411,447] -->
<meta name="description" content="(function ($) { var $dialog, $button = $.ninja.button({ html: 'Ninja star...'" />
这是编码，我甚至没有在我的项目中，但它弄乱了页面的描述，所以我假设NinjaUI想要将页面的描述设置为动态但是因为它不适合与WP它只是弄乱了描述。
总而言之，我认为这个套件根本不兼容WordPress，我应该在WP之间做出选择，但不要同时使用两者......这是一个准确的假设还是有人可以帮助我理解这实际上是如何运作的。
我还应该指出我是一个jquery菜鸟。我已经编程了将近20年，所以我理解我正在阅读的内容，但正因为如此，我对我的一些实验感到非常困惑。似乎如果我将我的按钮创建为变量，那么这样做：
$(document).ready(function () {
$('#usageButton').append($button);
$('#usageButton').append($button);
});
...然后出现一个按钮，但另一个没有。如果我复制粘贴整个SCRIPT部分并声明$按钮3次，那么我在屏幕上得到3个按钮。当我尝试这样做时
$(document).ready(function () {
$('#usageButton').append($button);
$('#usageButtonalt').append($icon);
});
...它也没有显示第二项。从我的实验看来，我的.ready中只能有一行代码，否则firefox会永远加载我的页面。另外，更令人困惑的是，如果我在同一个SCRIPT部分创建我的按钮和我的图标，但在我的.ready中我只附加按钮并且绝对不使用我声明的图标，那么按钮也不显示？ ？
从我的实验中看来，我需要为我想要在我的页面上显示的每个元素创建一个单独的SCRIPT部分，并且在每个SCRIPT部分中我只能将1个变量添加到一个页面元素然后我需要关闭我的SCRIPT并创建一个新的...我不明白为什么会这样做，但这是我能够得到任何实际出现的唯一方法。
显然我需要一些帮助，所以我们非常感谢任何反馈。
由于