web-dev-qa-db-ja.com

Javascript/jQueryをページに含めることはできますか？

私はWordpressには非常に不慣れです、そして私はそれを使うプロジェクトを手伝うことを申し出ました。

私が作成している新しいページでは、HTMLを動的に書き出すためにjavascript/jQueryを使用する必要があります - それはうまくいっていないようですか？やらなければならない特別なことがあったと私は読んだが、私は理解できない。 $をjQueryに変更しようとしましたが、それでもうまくいきませんでした。

<script type="text/javascript">
$(document).ready(function(){
     alert('hoi');
     jQuery.ajax({
        type: "GET",
        url: "link-here",
        dataType: "text",
        success: function(data) {alert(CSVToArray(data));}
        error: function(){ alert('error');}
     });
</script>

私はこれを一番上に持っています - alertは呼ばれてさえいません。これを機能させるにはどうすればいいですか。

編集管理者ページ以外はjQueryがロードされているようです - 正しいですか？

//jQuery Insert From Google
if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
function my_jquery_enqueue() {
   wp_deregister_script('jquery');
   wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js", false, null);
   wp_enqueue_script('jquery');
}

2つ編集私が書いたコードが<p>タグで囲まれているようです。これは、スクリプトがNew Pageに属していないことを意味する必要があります。コードはどこに行くべきですか？

pagesjqueryjavascript
1
Cody

使用できるように、jQueryがロードされていることを確認する必要があります。

Functions.phpで：

function namespace_enqueue_scripts() {
    if ( is_page( 'slug-of-new-page-you-are-creating' ) )
        wp_enqueue_script('jquery');
}
add_action( 'wp_enqueue_scripts', 'namespace_enqueue_scripts' );
2
Just Thomas Misund

ああ、今私は馬鹿げている。問題は、私がどのようにスクリプトをページに入れていたかということでした。

これで私の問題は解決した。

<script type="text/javascript"><!--//--><![CDATA[//><!--
 alert('hoi');
 //--><!]]></script>

Javascriptを使用する

0
Cody