jQuery在mac上不起作用

Question

我为客户端制作了一个非常基本的脚本，它会弹出一个cookie信息。现在我听说无论浏览器如何，它都无法在mac设备上运行。我自己没有Mac来检查bug，我从没想过这会是jquery的问题。

网址：http://sitemorsedanmark.dk/cookie-script-generator/

“Generer kode”（生成代码）按钮有效。“Se dit banner”（测试弹出窗口）按钮应该调用cookieGenerator函数，但显然它没有。

代码如下

function cookieLang() {
$lang = jQuery('#language').val();
$dk = 'Websitet bruger cookies for at forbedre din oplevelse, vurdere brugen af de enkelte elementer på websitet og til at støtte markedsføringen af vores services. Ved at klikke videre på websitet accepterer du websitets brug af cookies.';
$en = '';
$se = 'Webbplatsen använder cookies för att förbättra din upplevelse, utvärdera användningen av de enskilda delarna av webbplatsen och för att stödja marknadsföringen av våra tjänster. Genom att klicka på webbplatsen samtycker du till att webbplatsen använder cookies.';
$no = 'Nettstedet bruker cookies for å forbedre din opplevelse, vurdere bruken av de enkelte elementene i området og for å støtte markedsføringen av våre tjenester. Ved å klikke på nettstedet samtykker du til nettstedets bruk av cookies.';
$de = 'Die Website verwendet Cookies, um Ihre Erfahrung zu verbessern, werten die Verwendung der einzelnen Elemente der Website und die Vermarktung unserer Dienstleistungen zu unterstützen. Durch einen Klick auf die Website erklären Sie sich mit der Website-Nutzung von Cookies.';
$at = '';

if ($lang === 'en') {
    jQuery('#message').text($en);
    jQuery('#linkText').val('');
} else if ($lang === 'se') {
    jQuery('#message').text($se);
    jQuery('#linkText').val('Läs mer om webbplatsens cookies');
} else if ($lang === 'no') {
    jQuery('#message').text($no);
    jQuery('#linkText').val('Les mer om nettstedets cookies');
} else if ($lang === 'de') {
    jQuery('#message').text($de);
    jQuery('#linkText').val('Lesen Sie mehr über die Website Cookies');
} else if ($lang === 'at') {
    jQuery('#message').text($at);
    jQuery('#linkText').val('Lesen Sie mehr über die Website Cookies');
} else {
    jQuery('#message').text($dk);
    jQuery('#linkText').val('Læs mere om websitets cookies');
}
}

function cookieStart() {

$width = jQuery(window).width();

$background = jQuery('#background').val();
$textColor = jQuery('#textColor').val();
$opacity = jQuery('#opacity').val();
$font = jQuery('#font').val();
$fontSize = jQuery('#fontSize').val();
$buttonColor = jQuery('#buttonColor').val();
$buttonText = jQuery('#buttonText').val();
$link = jQuery('#link').val();
$linkText = jQuery('#linkText').val();
$position = jQuery('#position').val();
$positionBanner = jQuery('#positionBanner').val();
$message = jQuery('#message').val();

jQuery('<div id="cookieBanner"/>').appendTo( 'body' );
jQuery('#cookieBanner').css('position' , 'fixed');
jQuery('#cookieBanner').css($positionBanner , '0');
jQuery('#cookieBanner').css('left' , '0');
jQuery('#cookieBanner').css('width' , '100%');
jQuery('#cookieBanner').css('background' , $background);
jQuery('#cookieBanner').css('color' , $textColor);
jQuery('#cookieBanner').css('opacity' , $opacity);
jQuery('#cookieBanner').css('font-family' , $font);
jQuery('#cookieBanner').css('font-size' , $fontSize);
jQuery('#cookieBanner').css('z-index' , '99999');
jQuery('<div class="message"/>').appendTo('#cookieBanner');
jQuery('#cookieBanner .message').css('margin' , '14px auto 14px auto');
jQuery('#cookieBanner .message').css('width' , '60%');
jQuery('#cookieBanner .message').css('max-width' , '820px');
jQuery('<span>').appendTo('#cookieBanner .message');
jQuery('#cookieBanner .message span').text($message);
jQuery('<button>').appendTo('#cookieBanner');
jQuery('#cookieBanner button').css('position' , 'absolute');
jQuery('#cookieBanner button').css('right' , '10%');
jQuery('#cookieBanner button').css('top' , '23px');
jQuery('#cookieBanner button').css('background' , $buttonColor);
jQuery('#cookieBanner button').css('color' , $buttonText);
jQuery('#cookieBanner button').css('font-family' , $font);
jQuery('#cookieBanner button').css('border' , 'none');
jQuery('#cookieBanner button').css('width' , '60px');
jQuery('#cookieBanner button').css('height' , '30px');
jQuery('#cookieBanner button').css('font-weight' , 'bold');
jQuery('#cookieBanner button').css('cursor' , 'pointer');
jQuery('<a>').appendTo('#cookieBanner .message');
jQuery('#cookieBanner a').css('background' , $background);
jQuery('#cookieBanner a').css('color' , $textColor);
jQuery('#cookieBanner a').css('text-decoration' , 'underline');
jQuery('#cookieBanner a').css('display' , 'block');
jQuery('#cookieBanner a').css('padding' , '0');
jQuery('#cookieBanner a').css('margin' , '0');
jQuery('#cookieBanner a').attr('href' , $link); 
jQuery('#cookieBanner a').text($linkText);
jQuery('#cookieBanner button').text('OK');

jQuery('<div id="cookieInfo"/>').appendTo('body');
jQuery('#cookieInfo').hide();
jQuery('#cookieInfo').css('position' , 'fixed');
jQuery('#cookieInfo').css('background' , $background);
jQuery('#cookieInfo').css('cursor' , 'pointer');
jQuery('#cookieInfo').css('color' , $textColor);
jQuery('#cookieInfo').css('font-family' , $font);
jQuery('#cookieInfo').css('font-size' , $fontSize);
jQuery('#cookieInfo').css('opacity' , $opacity);
jQuery('<p>').appendTo('#cookieInfo');
jQuery('#cookieInfo p').css('margin' , '10px 15px');
jQuery('#cookieInfo p').text('Cookie info');

if( $position === 'bottom-left' ) {
    jQuery('#cookieInfo').css('top' , '');
    jQuery('#cookieInfo').css('right' , '');
    jQuery('#cookieInfo').css('bottom' , '0');
    jQuery('#cookieInfo').css('left' , '0');
}
if( $position === 'top-left' ) {
    jQuery('#cookieInfo').css('top' , '0');
    jQuery('#cookieInfo').css('right' , '');
    jQuery('#cookieInfo').css('bottom' , '');
    jQuery('#cookieInfo').css('left' , '0');
}
if( $position === 'bottom-right' ) {
    jQuery('#cookieInfo').css('top' , '');
    jQuery('#cookieInfo').css('right' , '0');
    jQuery('#cookieInfo').css('bottom' , '0');
    jQuery('#cookieInfo').css('left' , '');
}
if( $position === 'top-right' ) {
    jQuery('#cookieInfo').css('top' , '0');
    jQuery('#cookieInfo').css('right' , '0');
    jQuery('#cookieInfo').css('bottom' , '');
    jQuery('#cookieInfo').css('left' , '');
}

if( $width < 600 ) {
    jQuery('#cookieBanner p').text('Hjemmesiden bruger cookies');
    jQuery('#cookieBanner p').css('margin' , '20px 5% 10px 5%');
    jQuery('#cookieBanner p').css('width' , '90%');
    jQuery('#cookieBanner p').css('text-align' , 'center');
    jQuery('#cookieBanner button').css('position' , 'static');
    jQuery('#cookieBanner button').css('float' , 'right');
    jQuery('#cookieBanner button').css('margin' , '0 30% 10px 0');
    jQuery('#cookieBanner a').css('float' , 'left');
    jQuery('#cookieBanner a').css('width' , 'auto');
    jQuery('#cookieBanner a').css('margin' , '8px 0 10px 30%');
}

jQuery("#cookieInfo").click(function() {
    jQuery("#cookieInfo").slideToggle( 200 );
    jQuery("#cookieBanner").delay( 400 ).slideToggle( 200 );
    return false;
});

jQuery("#cookieBanner button").click(function () {
    jQuery("#cookieBanner").slideToggle( 200 );
    jQuery("#cookieInfo").delay( 400 ).slideToggle( 200 );
    return false;
});

jQuery('#submit').click(function() {
    src = '<script type="text/javascript" src="http://sitemorsedanmark.dk/cookie/cookie.banner.js"></' + 'script>';
    scriptStart = '<script type="text/javascript">';
    scriptEnd = '</' + 'script>';
    background = 'background = ' + '"' + jQuery('#background').val() + '"' + ';';
    textColor = 'textColor = ' + '"' + jQuery('#textColor').val() + '"' + ';';
    opacity = 'opacity = ' + '"' + jQuery('#opacity').val() + '"' + ';';
    font = 'font = ' + '"' + jQuery('#font').val() + '"' + ';';
    fontSize = 'fontSize = ' + '"' + jQuery('#fontSize').val() + '"' + ';';
    buttonColor = 'buttonColor = ' + '"' + jQuery('#buttonColor').val() + '"' + ';';
    buttonText = 'buttonText = ' + '"' + jQuery('#buttonText').val() + '"' + ';';
    link = 'link = ' + '"' + jQuery('#link').val() + '"' + ';';
    linkText = 'linkText = ' + '"' + jQuery('#linkText').val() + '"' + ';';
    position = 'position = ' + '"' + jQuery('#position').val() + '"' + ';';
    positionBanner = 'positionBanner = ' + '"' + jQuery('#positionBanner').val() + '"' + ';';
    cookie = 'cookie = ' + '"' + jQuery('#cookie').val() + '"' + ';';
    message = 'message = ' + '"' + jQuery('#message').val() + '"' + ';';
    funcStart = 'jQuery(document).ready(function() {';
    funcMid = 'cookieBanner();';
    funcEnd = '});';

    jQuery('#output').text(src + '\n' + scriptStart + '\n' + '\n' + background + '\n' + textColor + '\n' + opacity + '\n' + font + '\n' + fontSize + '\n' + buttonColor + '\n' + buttonText + '\n' + link + '\n' + linkText + '\n' + position + '\n' + positionBanner + '\n' + cookie + '\n' + message + '\n' + '\n' + funcStart + '\n' + funcMid + '\n' + funcEnd + '\n' + '\n' + scriptEnd);

    jQuery('#bannerOutput').css('display' , 'block');
});a
}

function cookieGenerator() {

$background = jQuery('#background').val();
$textColor = jQuery('#textColor').val();
$opacity = jQuery('#opacity').val();
$font = jQuery('#font').val();
$fontSize = jQuery('#fontSize').val();
$buttonColor = jQuery('#buttonColor').val();
$buttonText = jQuery('#buttonText').val();
$link = jQuery('#link').val();
$linkText = jQuery('#linkText').val();
$position = jQuery('#position').val();
$positionBanner = jQuery('#positionBanner').val();
$message = jQuery('#message').val();

jQuery('#cookieBanner').css('background' , $background);
jQuery('#cookieBanner').css('color' , $textColor);
jQuery('#cookieBanner').css('opacity' , $opacity);
jQuery('#cookieBanner').css('font-family' , $font);
jQuery('#cookieBanner').css('font-size' , $fontSize);
jQuery('#cookieBanner .message span').text($message);
jQuery('#cookieBanner button').css('background' , $buttonColor);
jQuery('#cookieBanner button').css('color' , $buttonText);
jQuery('#cookieBanner button').css('font-family' , $font);
jQuery('#cookieBanner a').css('background' , $background);
jQuery('#cookieBanner a').css('color' , $textColor);
jQuery('#cookieBanner a').attr('href' , $link); 
jQuery('#cookieBanner a').text($linkText);

jQuery('#cookieInfo').css('background' , $background);
jQuery('#cookieInfo').css('color' , $textColor);
jQuery('#cookieInfo').css('font-family' , $font);
jQuery('#cookieInfo').css('font-size' , $fontSize);
jQuery('#cookieInfo').css('opacity' , $opacity);

$height = jQuery('#cookieBanner .message').height();
jQuery('#cookieBanner').css('height' , $height +=28);

if( $positionBanner === 'bottom' ) {
    jQuery('#cookieBanner').css('top' , '');
    jQuery('#cookieBanner').css('bottom' , '0');
}
if( $positionBanner === 'top' ) {
    jQuery('#cookieBanner').css('top' , '0');
    jQuery('#cookieBanner').css('bottom' , '');
}

if( $position === 'bottom-left' ) {
    jQuery('#cookieInfo').css('top' , '');
    jQuery('#cookieInfo').css('right' , '');
    jQuery('#cookieInfo').css('bottom' , '0');
    jQuery('#cookieInfo').css('left' , '0');
}
if( $position === 'top-left' ) {
    jQuery('#cookieInfo').css('top' , '0');
    jQuery('#cookieInfo').css('right' , '');
    jQuery('#cookieInfo').css('bottom' , '');
    jQuery('#cookieInfo').css('left' , '0');
}
if( $position === 'bottom-right' ) {
    jQuery('#cookieInfo').css('top' , '');
    jQuery('#cookieInfo').css('right' , '0');
    jQuery('#cookieInfo').css('bottom' , '0');
    jQuery('#cookieInfo').css('left' , '');
}
if( $position === 'top-right' ) {
    jQuery('#cookieInfo').css('top' , '0');
    jQuery('#cookieInfo').css('right' , '0');
    jQuery('#cookieInfo').css('bottom' , '');
    jQuery('#cookieInfo').css('left' , '');
}
}

有人可以帮忙吗？