独自のスタイルシートとスクリプト (html/php、html5 ビデオ プレーヤー = jplayer) を含む完全な PHP ファイルを、Wordpress テンプレートに配置した div にロードしようとしています。
Wordpress ページから要素を div タグにロードした例をいくつか見ましたが、何らかの理由でうまくいきませんでした。
これまでに私は試しました: jQuery AJAX リクエストで PHP ドキュメントを DIV コンテナ に ロードする方法と AJAX を使用して PHP スクリプトをロードする方法について助けが必要ですか?
しかし、どちらも、Wordpress テンプレートがブラウザーにロードされたときに、外部の php ファイルが実際に div に表示されるという結果にはなりませんでした。
ロードしようとしているページは、Wordpress のルートにあり、必要な css および js ファイルが含まれている独自のディレクトリにあります (例: http://mylocaltest.com/localWordpressRoot/vizPlayer/fileToBeLoaded.php ) 。
これは、Wordpress テンプレート ページの div 内に読み込んでいるスクリプトです。
<?php
/*
* template name: Global Headlines
*/
global $isBlog;
$isBlog = true;
get_template_part('page', 'config');
get_header(); ?>
<div id="vizPlayer" style="left:0;top:75px;width:50%; height:90%; margin:0; padding:0; background:#000; position:fixed; z-index:51">
<script type="text/javascript">
function loadContent(id) {
$.ajax({
type: "GET",
url: "/vizPlayer/fileToBeLoaded.php",
dataType: 'html',
data: {param: id},
success: function(html){
$("#vizPlayer").html(html);
},
error: function(){
},
complete: function(){
}
});
}
</script>
</div>
どんなヒントでも大歓迎です。前もって感謝します!