Question

我不知道为什么我的网页浏览器在我的网站上返回“SyntaxError：Unexpected EOF”错误。我没有做任何改动，但有些事情必须改变，因为昨天同一网站工作正常。

这是我的源代码（直接来自FTP服务器）：

<script type="">

 $(function(){

		    	$("body").append("<div class='tooltip2_showv' id='tooltip2_show'></div>");
	    	 	$('a.button.notactive').mousemove(function(e){

					$('#tooltip2_show').html( $('.popup',$(this)).html());
    		 		$('#tooltip2_show').show();
		            $('#tooltip2_show').css({'top': e.pageY + 5, left: e.pageX + 5,'position': 'absolute'});
				            
		        }).mouseout(function(){
		        	$('#tooltip2_show').hide();
	        	});
		    });

</script>

看起来不错但是从网络浏览器（Web Inspector）检查相同的代码：

<script type="">

 $(function(){

		    	$("body").append("<div class='tooltip2_showv' id='tooltip2_show'></script></div>");
	    	 	$('a.button.notactive').mousemove(function(e){

					$('#tooltip2_show').html( $('.popup',$(this)).html());
    		 		$('#tooltip2_show').show();
		            $('#tooltip2_show').css({'top': e.pageY + 5, left: e.pageX + 5,'position': 'absolute'});
				            
		        }).mouseout(function(){
		        	$('#tooltip2_show').hide();
	        	});
		    });

脚本结束标记位于错误位置！你知道为什么吗？这不是唯一错误的“脚本结束”标签。

复活节快乐;）

Answer 1

您不能在脚本中包含</div>之类的内容。对于解析器，这意味着脚本已经结束。所以它包括一个自动</script>，因为这是正确的事情！

解决方案：不要在您的脚本中添加</div>。写<\/div>。

哦，然后删除type=""，这是错误的。

Answer 2

修改：只要您从追加方法http://jsfiddle.net/byadd1m3/中取出</script>，您的代码就可以正常运行。我更喜欢的是创建元素并将其存储在变量中。使用新div定义变量，然后将变量稍后附加到正文。像这样：

 $(function () {
     var newDiv = "<div class='tooltip2_showv' id='tooltip2_show'></div>";
     $("body").append(newDiv);
     $('a.button.notactive').mousemove(function (e) {
         $('#tooltip2_show').html($('.popup', $(this)).html());
         $('#tooltip2_show').show();
         $('#tooltip2_show').css({
             'top': e.pageY + 5,
             left: e.pageX + 5,
             'position': 'absolute'
         });

     }).mouseout(function () {
         $('#tooltip2_show').hide();
     });
 });

为什么您的代码无效：

    $("body").append("<div class='tooltip2_showv' id='tooltip2_show'>
</script></div>");//What is script doing here?

标签在错误的地方

2 个答案: