Question

我正在测试这个jQuery代码，但它没有运行。我打开了控制台（F12），在粘贴测试代码后，它完美地编译了它。我删除了src =＆＃34; http：//code.jquery.com/jquery-latest.min.js"并从$（文件）.ready（function（）{警报工作，但我从控制台收到消息：＆＃34;未捕获的ReferenceError：$未定义＆＃34;。我想知道为什么是那？有什么帮助吗？

这是我的测试代码：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">


$(document).ready(function(){    
alert('Hi!');
$("#content").append('<div class=\'toolbarBox toolbarHead\' style=\'background-color: #F8F8F8;border: 1px solid #CCCCCC;margin-bottom: 10px;padding: 5px 0;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;position: relative;\'><div class=\'pageTitle\'><h3 style = \'font-size: 1.6em;font-weight: normal;line-height: 52px;text-shadow: 0 1px 0 #fff;\'><span id=\'current_obj\' style=\'font-weight: normal;\'><span class=\'breadcrumb item-0\'>My Affiliates<img alt=\'&gt;\' style=\'margin-right:5px\' src=\'../img/admin/separator_breadcrumb.png\'></span><span class=\'breadcrumb item-1\'>Affiliates</span></span></h3></div></div>'); 
$("#content").append("<iframe style=\'width: 100%;height: 100%;\' src=\'http://www.myaffiliates.gr/\'></iframe>");

});

Answer 1

您的脚本标记不正确

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
// your script
</script>

脚本元素可以包含src或正文，但不能包含两者。

Script：src

此属性指定外部脚本的URI;这可以用作直接在脚本中嵌入脚本的替代方法文献。指定src属性的脚本元素不应该在其标签中嵌入一个脚本。

Answer 2

试

   <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
    $(document).ready(function () {
        alert('Hi!');
        $("#content").append('<div class=\"toolbarBox toolbarHead\" style=\"background-color: #F8F8F8;border: 1px solid #CCCCCC;margin-bottom: 10px;padding: 5px 0;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;position: relative;\"><div class=\"pageTitle\"><h3 style =\"font-size: 1.6em;font-weight: normal;line-height: 52px;text-shadow: 0 1px 0 #fff;\"><span id=\"current_obj\" style=\"font-weight: normal;\"><span class=\"breadcrumb item-0\">My Affiliates<img alt=\"&gt;\" style=\"margin-right:5px\" src=\"../img/admin/separator_breadcrumb.png\"></span><span class=\"breadcrumb item-1\">Affiliates</span></span></h3></div></div>');
        $("#content").append("<iframe style=\"width: 100%;height: 100%;\" src=\"http://www.myaffiliates.gr/\"></iframe>");

    });
</script>

Jquery / Javascript追加不运行

2 个答案: