需要一个会调用jquery的Wordpress短代码

时间:2014-01-16 16:19:26

标签: javascript jquery wordpress shortcode

我需要一个简短的代码,它将调用以下脚本并将其添加到页面/帖子中的短代码中:

<script class="secret-source">
                    jQuery(document).ready(function($) {

                        $('#banner-fade').bjqs({
                            height: 350,
                            width: 980,
                            responsive: true
                        });

                    });
                </script>

短代码可以是[end_slider]

1 个答案:

答案 0 :(得分:2)

你必须在某处添加javascript,并在短代码上回显它。

快速示例(我刚刚退出PHP,编写回声的工作太多)

function slider_func() {
 ?>
    <script>
        jQuery(document).ready(function($) {
               $('#banner-fade').bjqs({
                     height: 350,
                     width: 980,
                     responsive: true
               });
         });
    </script>
  <?php
}

add_shortcode( 'end_slider', 'slider_func' );

然后你必须在调用它的地方添加一个插件,并且你可以将它放在一个外部文件中并使用更合适的wp_enqueue_script来添加jQuery作为依赖