2

ワードプレス内に実装したいこの本当に小さなコードがあります：

<div id='cont' style="border: 1px solid #000; height: 150px; overflow:hidden;">
    <a href="#" id="button">Mostrar Todo</a>
    <ul>
        <li>an item</li>
        <li>an item</li>
        <li>an item</li>
        <li>an item</li>
        <li>an item</li>
        <li>an item</li> 
        <li>an item</li>
        <li>an item</li>
        <li>an item</li>
        <li>an item</li>
        <li>an item</li>
         <li>an item</li>
        <li>an item</li>
        <li>an item</li>
        <li>an item</li>
        <li>an item</li>

    </ul>
</div>`

やりたいjquery関数

$('#button').click(function(){
    $('#cont').animate({height:'500px'}, 500);

});

デモ：

http://jsfiddle.net/YPAy6/9/

「関数」を配置する方法または場所と、ワードプレスの投稿から呼び出す方法が必要なだけです。

何か案が？本当にありがとう！

PD: Google の cdn からすべてのスクリプトを読み込んでいます。他の jquery cos wordpress を読み込む必要がないことを知っている限り、独自のバージョンも読み込んでいますが、とにかく、これについて 110% 確信が持てません。

4

2 に答える 2

1

上記のjQuery関数をWPサイトで実行するには、.js最初にファイルからロードする必要があります. たとえば、コピーして保存し、functions.js/js/ テーマ ディレクトリ (/wp-content/themes/[テーマ名]) という名前のフォルダーに配置します。

サイトにスクリプトをロードするために、古き良き要素<script src="..." />内の方法を使用できますが、代わりに<head>使用することを強くお勧めしwp_enqueue_scriptます。(詳細については、 WP codexを参照してください)。

wp_enqueue_scripts()関数をテーマの に追加しfunctions.phpます。

<?php
function site_functions_js() {
    wp_enqueue_script(
        'site_functions',
        get_template_directory_uri() . '/js/functions.js',
        array('jquery')
    );
}
add_action('wp_enqueue_scripts', 'site_functions_js');
?>
于 2013-02-27T10:15:29.283 に答える
0

新しいjavascriptファイルを作成し、この関数をそのファイルに配置し、このJavascriptファイルをwp_head関数の後に配置します。このような ：-

<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/yourScript.js">   </script>

詳細については、このリンクを使用してください：-

http://digwp.com/2009/06/include-jquery-in-wordpress-the-right-way/

于 2013-02-27T09:21:05.640 に答える