Question

我正在学习CakePHP，并希望在我的网站http://bootsnipp.com/snippets/featured/tabbed-slider-carousel上使用此Bootstrap代码段。我把HTML放在.cat目录中的.ctp文件和custom.less中的CSS中，但是我在哪里放了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是否正确包含在页面中？

我在哪里使用CakePHP从这个Bootstrap片段中放入JavaScript代码？

1 个答案: