jQuery UI Position プラグイン ( http://jqueryui.com/position/ ) を使用して、Web ページにアイコンを配置します。セレクターはデータベースから取得され、$myselector 変数で PHP を使用して JS に出力されます。これは私の現在のコードです:
var element_selector='<?php echo $myselector;?>';
$('#inline_docxdiv .Featured.Slider').position({
my: "center",
at: "right top",
of: $(element_selector)
});
//append icons,applicable to all
$(divname<?php echo $uniqueid;?>).append('<div id="inline_docxdiv" class="<?php echo $uniqueid;?>"><div id="helpericons_display"><a class="<?php echo $title_toolsetdisplayed;?>" id="questionmarkicon_inlinedoc" title="Display Explanation"><img src="<?php echo $helper_iconpng;?>"></a><a target="_blank" href="<?php echo admin_url().'post.php?post='.$id_toolsetdisplayed.'&action=edit';?>" class="<?php echo $title_toolsetdisplayed;?>" id="sourceicon_inlinedoc" title="View source"><img src="<?php echo $helpersource_iconpng;?>"></a></div></div>');
ただし、アイコンが正しく追加されず、コンソールにエラーが返されます。
キャッチされていない TypeError: 未定義のプロパティ 'nodeType' を読み取れません
奇妙なことに、JS コード (PHP によって出力されない) でセレクターをハードコーディングすると、すべてが正常に機能し、コンソールにエラーが返されません。これは、要素セレクターをハードコーディングしたコードです。
var element_selector='.idoc-featured-slider';
PHP を使用してセレクターを出力し、エラーが発生しないようにする方法はありますか? 助けてくれてありがとう。