1

我尝试在我的 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 中,页面只是永远加载,我什至无法查看源代码或检查元素。

我尝试了各种元素并且能够显示星形图标但没有其他图标。(???)我可以显示一个按钮,我可以将其显示为选中或未选中,但这基本上是我所能做的......

一个按钮和 1 个图标,仅此而已:(

我尝试添加

<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 菜鸟。我已经编程近 2 年了,所以我明白我在读什么,但正因为如此,我对我的一些实验感到非常困惑。似乎如果我将按钮创建为变量,那么请执行以下操作:

$(document).ready(function () {
$('#usageButton').append($button);
$('#usageButton').append($button);
});

...然后一个按钮出现,但另一个没有。如果我复制粘贴整个 SCRIPT 部分并声明 $button 3 次,那么我会在屏幕上获得 3 个按钮。当我尝试这样做时

$(document).ready(function () {
$('#usageButton').append($button);
$('#usageButtonalt').append($icon);
});

...它也没有显示第二项。从我的实验来看,我的 .ready 中似乎只能有 1 行代码,否则 firefox 只会永远加载我的页面。此外,更令人困惑的是,如果我在同一个 SCRIPT 部分中创建按钮和图标,但在我的 .ready 中,我只附加按钮并且完全不使用我声明的图标,那么按钮也不会显示? ?

从我的实验来看,我似乎需要为我想在页面上显示的每个元素创建一个单独的 SCRIPT 部分,并且在每个 SCRIPT 部分中我只能将 1 个变量添加到一个页面元素,然后我需要关闭我的 SCRIPT 并创建一个新的......我不明白为什么需要这样做,但这是我能让任何东西真正出现的唯一方法。

显然我需要一些帮助,所以任何反馈都将不胜感激。

谢谢

4

0 回答 0