javascript - 使用 CakePHP 将 Bootstrap 代码片段中的 JavaScript 代码放在哪里？

Question

我正在学习 CakePHP，并希望在我的网站上使用此 Bootstrap 代码片段 http://bootsnipp.com/snippets/featured/tabbed-slider-carousel 。我将 HTML 放在 Pages 目录中的 .ctp 文件中，将 CSS 放在 custom.less 中，但是我应该在哪里放置 Javascript 代码呢？它甚至看起来不像是在 HTML 中调用的。我尝试将 JS 包装在 .ctp 文件中的脚本标记中，但没有成功。谢谢!

Answer 1

保存 CSS 并使用 echo $this->Html->css('css_file'); 包含它

截取的JS可以放在.ctp文件中

$this->Html->scriptBlock('
    $(document).ready( function() {
        $('#myCarousel').carousel({
            interval:   4000
        });

        var clickEvent = false;
        $('#myCarousel').on('click', '.nav a', function() {
                clickEvent = true;
                $('.nav li').removeClass('active');
                $(this).parent().addClass('active');        
        }).on('slid.bs.carousel', function(e) {
            if(!clickEvent) {
                var count = $('.nav').children().length -1;
                var current = $('.nav li.active');
                current.removeClass('active').next().addClass('active');
                var id = parseInt(current.data('slide-to'));
                if(count == id) {
                    $('.nav li').first().addClass('active');    
                }
            }
            clickEvent = false;
        });
    });
');

控制台中是否出现任何错误？jquery 是否正确包含在页面中？