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をまったく使用できなくなりました。jquery を header.php に追加し、ninjaui をページに直接追加するだけで、WordPress 以外は機能します。
ほとんどの場合、WP ページにタグを追加すると、スクリプト全体に空の行がない限り、JavaScript を問題なく使用できることがわかりました。空行を 1 行追加するとすぐに、スクリプト セクション全体が 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);
});
...すると、1 つのボタンが表示されますが、もう 1 つのボタンは表示されません。SCRIPT セクション全体をコピーして貼り付け、$button を 3 回宣言すると、画面に 3 つのボタンが表示されます。これをやろうとすると
$(document).ready(function () {
$('#usageButton').append($button);
$('#usageButtonalt').append($icon);
});
...2 番目の項目も表示されません。私の実験から、.ready 内に 1 行のコードしか持てないようです。また、さらに紛らわしいことに、ボタンとアイコンを同じ SCRIPT セクションに作成し、.ready でボタンを追加するだけで、宣言したアイコンをまったく使用しない場合、ボタンも表示されませんか?? ?
私の実験から、ページに表示したい要素ごとに個別の SCRIPT セクションを作成する必要があるようです。各 SCRIPT セクション内では、1 つのページ要素に 1 つの変数しか追加できず、SCRIPT を閉じて作成する必要があります新しいもの...なぜそれが必要なのかわかりませんが、それが実際に何かを表示できる唯一の方法です。
明らかに支援が必要なので、フィードバックをいただければ幸いです。
ありがとう