自定义wordpress脚本的jQuery语法错误

时间:2016-05-28 12:22:52

标签: javascript jquery wordpress

任何人都可以看到为什么我在这段代码的第19行出现语法错误?给出一些背景信息:它是一个小的javascript,可以让图像以随机的方式出现在相对随机的大小,在wordpress页面上的随机方向上。我});background url...收到错误{} {}}主要代码出现在//* Required *//注释中。提前致谢

( function( $ ) {
var body    = $( 'body' ),
    _window = $( window ),
    nav, button, menu;

nav = $( '#site-navigation' );
button = nav.find( '.menu-toggle' );
menu = nav.find( '.nav-menu' );

//*  Required *//

    (function makeDiv(){
        // vary size for fun
        var divsize = ((Math.random()*100) + 50).toFixed();
        $newdiv = $('<div/>').css({
            'width':divsize+'px',
            'height':divsize+'px',
            'background-url’:’/wp-content/themes/idealpress/images/popup.svg'
        });

        // make position sensitive to size and document's width
        var posx = (Math.random() * ($(document).width() - divsize)).toFixed();
        var posy = (Math.random() * ($(document).height() - divsize)).toFixed();    
        var rNum = (Math.random() * 360 ) + 1; 

        $newdiv.css({
            'position':'absolute',
            'left':posx+'px',
            'top':posy+'px',
            'display':'none',
            '-webkit-transform': 'rotate('+rNum+'deg)',
            '-moz-transform': 'rotate('+rNum+'deg)' 
        }).appendTo( 'body' ).fadeIn(100, function(){
          makeDiv(); 
        }); 
    })();
//* Required *//


} )( jQuery );

1 个答案:

答案 0 :(得分:1)

您使用的是错误的引号。

更改此行:

'background-url’:’/wp-content/themes/idealpress/images/popup.svg'

进入这个:

'background-url':'/wp-content/themes/idealpress/images/popup.svg'
               ^ ^

因此JSON语法无效。