2

我有一段非常小的代码，我想在 word press 中实现：

<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/

我只需要如何或在何处放置“函数”以及如何从 wordpress 中的帖子中调用它。

任何的想法？真的感谢！

PD：我正在从谷歌的 cdn 加载所有脚本，据我所知，它没有必要加载任何其他 jquery cos wordpress，它的加载也是它自己的版本，无论如何我对此不是 110% 确定。

4

2 回答 2

1

为了在您的 WP 网站上执行上述 jQuery 功能，您必须先通过.js文件加载它。将其复制并另存为，例如，functions.js并将其放在名为 /js/ 您的主题目录（/wp-content/themes/[theme-name]）的文件夹中。

为了在您的站点上加载脚本，您可以使用<script src="..." />在<head>元素中的旧方法，但我强烈建议使用wp_enqueue_script。（有关更多信息，请参阅WP 法典）。

将该功能添加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 回答