1

独自のスタイルシートとスクリプト (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>

どんなヒントでも大歓迎です。前もって感謝します!

4

2 に答える 2

0

それ以来、Objectタグ(以下の例)を使用することにしましたが、それでも上記のAJAXメソッドの使用に興味があります。

 <div id="movieContainer" style="left:0;top:75px;width:50%; height:90%; margin:0; padding:0; background:#000; position:fixed; z-index:51">
 <object width="100%" height="100%" id="videoTut" name="videoTut" type="text/html" data="http://localtestserver.com/localTesting/vizicast/index.php">
 </object>
 </div>
于 2013-03-11T18:06:46.243 に答える
0

JavaScript で絶対 URL を使用する場合、その URL は Web サーバーのルートに対して相対的であるため、次のようになります。

url: "/vizPlayer/fileToBeLoaded.php"

ロードします:

http://mylocaltest.com/vizPlayer/fileToBeLoaded.php

それ以外の:

http://mylocaltest.com/localWordpressRoot/vizPlayer/fileToBeLoaded.php

ローカルの WordPress ルートをパスに追加する必要があります。

于 2013-03-11T16:53:06.637 に答える