1

Chrome 开发控制台给了我这个，因为这个（我认为是因为这个）左右和项目符号没有出现在我的 slicebox 滑块上。我只引用了一次 jQuery，这似乎是这里另一个问题的问题，所以不确定问题是什么。

我的整个头部代码在这里：

<head>
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<meta name="robots" content="index,follow" />
<meta name="Keywords" content="Website designers Lancaster, Web developers Lancashire, Mobile Web Designers lancashire, Website Designers Morecambe, make my site mobile friendly, mobile websites, " />
<meta name="author" content="magnetikmedia web and mobile web design" />
<link rel="stylesheet" type="text/css" href="/magnetik.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/slicebox.css" />
<link rel="stylesheet" type="text/css" href="css/custom.css" />
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-32427484-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') +  '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
<script type="text/javascript"    src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script type="text/javascript" src="/imageswapaudio.js">

/***********************************************
* Image Swap and HTML5 audio effect (c) Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>

<script type="text/javascript">
if (screen.width<800) {
window.location="http://www.magnetikmedia.co.uk/m/index.html";
}
</script>

<script type="text/javascript" src="js/modernizr.custom.46884.js"></script>
<script type="text/javascript" src="js/jquery.slicebox.js"></script>
<script type="text/javascript">
        $(function() {

            var Page = (function() {

                var $navArrows = $( '#nav-arrows' ).hide(),
                    $navOptions = $( '#nav-options' ).hide(),
                    $shadow = $( '#shadow' ).hide(),
                    slicebox = $( '#sb-slider' ).slicebox( {
                        onReady : function() {

                            $navArrows.show();
                            $navOptions.show();
                            $shadow.show();

                        },
                        orientation : 'h',
                        cuboidsCount : 3
                    } ),

                    init = function() {

                        initEvents();

                    },
                    initEvents = function() {

                        // add navigation events
                        $navArrows.children( ':first' ).on(  'click', function() {

                            slicebox.next();
                            return false;

                        } );

                        $navArrows.children( ':last' ).on( 'click', function() {

                            slicebox.previous();
                            return false;

                        } );

                        $( '#navPlay' ).on( 'click',  function() {

                            slicebox.play();
                            return false;

                        } );

                        $( '#navPause' ).on( 'click', function() {

                            slicebox.pause();
                            return false;

                        } );

                    };

                    return { init : init };

            })();

            Page.init();

        });
    </script>

</head>
4

2 回答 2

3

2件事：

on()仅在 1.7 版本中添加，因此您必须更新您正在使用的 jquery 版本。

升级库后，只需将 jquery 的引用移至 google 跟踪代码上方。

<script type="text/javascript"    src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript">

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-32427484-1']);
    _gaq.push(['_trackPageview']);

    (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') +  '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

    })();

</script>

现在，如果由于某种原因您无法升级到 1.7 或更高版本，您可以使用live()而不是on()

于 2013-10-25T16:08:32.797 回答
1

由于 jQuery，您遇到了此错误。您已包含 jQuery 版本 1.6，并且 .on() 方法包含在 jQuery 1.7 中，因此请包含 jQuery 1.7.2（标准版本）来解决您的问题。

jQuery on()

于 2013-10-25T16:11:11.597 回答