Question

javascript代码无效。你能告诉我为什么它不起作用吗？无论内容高度如何，我都想要两个相同大小的div。我在容器内部取了两个div，并在两个div中放入一些虚拟文本。 stlylesheet也附在此处。浏览器抛出此错误。 “未捕获的ReferenceError：$未定义”。

$(document).ready(function() {
         var leftHeight = $('#left-block').height();
         var rightHeight = $('#right-block').height();
            
         if (leftHeight > rightHeight) {
            rightHeight = leftHeight;
         } else {
            leftHeight = rightHeight;
         }
           
         $('#left-block').css('height','rightHeight');
         $('#right-block').css('height','rightHeight');
     });

* {
			-webkit-box-sizing:border-box;
			   -moz-box-sizing:border-box;
			        box-sizing:border-box;
		}
       .container:before,
       .container:after {
	       	 content: "";
	       	 display: table;
       }
       .left-block,
       .right-block {
	       	float: left;
	       	padding: 20px;
	       	width: 50%;
       }
       .left-block {
       		background: #e4e4e4;
       }
       .right-block {
       		background: whitesmoke;
       }

<div class="container">
		<div id="left-block" class="left-block">
			<p>demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text</p>

			<p>demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text</p>
			<p>demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text</p>
			<p>demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text</p>
			<p>demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text</p>
			<p>demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text</p>
			<p>demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text</p>
		</div>
		<div id="right-block" class="right-block">
			<p>demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text</p>
			<p>demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text</p>
			<p>demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text</p>
			<p>demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text</p>
		</div>
	</div>

Answer 1

浏览器抛出此错误。 “未捕获的ReferenceError：$未定义”。

这意味着未定义$。在这种情况下，$指的是jQuery。您正在尝试使用jQuery库中的功能，但实际上并没有将它包含在您的文档中。

要解决此问题，只需从the jQuery website下载jQuery，然后使用以下命令将其包含在HTML文件中：

<script src="path/to/jquery/jquery.min.js"></script>

（将path/to/jquery更改为相对于您下载jQuery的HTML文档的文件夹路径，并将jquery.min.js更改为您下载的版本的确切文件名。

此外，您没有将高度设置为变量中包含的值，而是将它们设置为字符串值。变化：

$('#left-block').css('height','rightHeight');
$('#right-block').css('height','rightHeight');

要：

$('#left-block').css('height', rightHeight);
$('#right-block').css('height', rightHeight);

请注意，尽管如此，您的leftHeight变量永远不会被使用。

Answer 2

您需要添加对jQuery的引用。例如：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" ></script>

或者您可以通过首先从jQuery网站下载它来托管您的网站。

javascript错误显示在浏览器中

2 个答案: