Javascript可在Jsfiddle上运行，但不能在Dreamweaver上运行，无法获取语法错误，意外的令牌等

Question

this is and example of what I am doing http://jsfiddle.net/ep39v/78/ , the frame work was very kindly given to me by Minko Gechev 这是我正在做的事的示例http://jsfiddle.net/ep39v/78/ ，框架是Minko Gechev给我的

it works perfectly on Jsfiddle but I just have no idea why it wont transfer to dreamweaver these are my current files: 它在Jsfiddle上完美运行，但是我不知道为什么它不会转移到Dreamweaver，这些是我当前的文件：

HTML 的HTML

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/MattyScript.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="Style.css" />
</head>

<body>
<button id="showFormBtn">Show form</button>
<div class="form"></div>
<div class="box"></div>
<script>
positionForm();
</script>
</body>

JAVASCRIPT JAVASCRIPT

(function($){
var form = $('.form');
var form2 = $('.box');


function positionForm() {
    form.css({
        top: -form.height(),
        left: ($(document.body).width() - form.width()) / 2
    });
}

function addListeners(background) {
    background.click(function() {
        background.fadeOut(300, function() {
            background.remove();
        });
        form.animate({
            top: -form.height() - 10
        }, 300);
        form2.animate({
            left: '100%'
        }, 300);
        setTimeout(function() {
            form2.css('display', 'none');
        }, 301);
    });
}

function showForm() {
    var form = $('.form');
    var form2 = $('.box');
    positionForm();
    form2.css('display', 'block');
    form.animate({
        top: 10
    }, 1500, 'easeOutElastic');
    form2.animate({
        left: '50%'
    }, 1500, 'easeOutElastic');
}

function fadeBackground(callback) {
    var background = $('<div class="background"></div>');
    $(document.body).append(background);
    background.fadeTo(300, 0.5, function() {
        if (typeof callback === 'function') {
            callback();
        }
    });
    addListeners(background);
}

$('#showFormBtn').click(function() {
    fadeBackground(showForm);
});

form.click(function(e) {
    e.stopImmediatePropagation();
});

positionForm()})(jQuery);;

CSS 的CSS

@charset "utf-8";
/* CSS Document */
.form {
    width: 30%;
    height: 40%;
    background: black;
    position: absolute;
    z-index: 20;
}

.box {
    position: absolute;
    width: 50%;
    height: 300px;
    line-height: 300px;
    font-size: 50px;
    text-align: center;
    border: 2px solid black;
    left: 150%;
    display:none;
    top: 100px;
    margin-left: -25%;
}
body {
    height: 100%;
}
.background {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: black;
    opacity: 0;
    z-index: 10;
}

Help! 救命！

Answer 1

If you cut-and-pasted the code from jsfiddle, chances are very good that you picked up some garbage characters, probably towards the end of your code. 如果您从jsfiddle中剪切并粘贴了代码，则很有可能在代码的末尾拾取了一些垃圾字符。

Delete the last couple of lines and type them back in by hand. 删除最后两行，然后手动键入。

Javascript可在Jsfiddle上运行，但不能在Dreamweaver上运行，无法获取语法错误，意外的令牌等

问题描述

1 个解决方案

解决方案1
1 已采纳 2012-11-17 19:46:09

Javascript可在Jsfiddle上运行，但不能在Dreamweaver上运行，无法获取语法错误，意外的令牌等

问题描述

1 个解决方案

解决方案1 1 已采纳 2012-11-17 19:46:09

解决方案1
1 已采纳 2012-11-17 19:46:09