console.log 无法在 symfony 应用程序中工作
console.log not working inside symfony application
我有一个奇怪的问题,其中 console.log 在 symfony 应用程序中不起作用。日志记录在其他站点中有效,例如:
http://www.w3schools.com/js/tryit.asp?filename=tryjs_output_console
每次我刷新该页面时,控制台都会正确显示:11
这是我在 twig 模板中的代码的最后一部分
{% block javascripts %}
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js">
$(document).ready(function () {
$('.dropdown-toggle').dropdown();
console.log(5 + 6);
});
</script>
{% endblock %}
下拉功能正常工作,因此 javascript 正常。但是控制台不显示任何内容。
您需要结束具有 src
属性的 <script>
标签(就像您对 jQuery 所做的那样)。在标记之间写入 JavaScript 时,它们需要独立于 JavaScript 具体而言。有关详细信息,请参阅 documentation。
具体来自文档:
If a script element has a src attribute specified, it should not have a script embedded inside its tags.
这是使用修复程序更新的代码:
<script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script>
$(document).ready(function () {
$('.dropdown-toggle').dropdown();
console.log(5 + 6);
});
</script>
我有一个奇怪的问题,其中 console.log 在 symfony 应用程序中不起作用。日志记录在其他站点中有效,例如:
http://www.w3schools.com/js/tryit.asp?filename=tryjs_output_console
每次我刷新该页面时,控制台都会正确显示:11
这是我在 twig 模板中的代码的最后一部分
{% block javascripts %}
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js">
$(document).ready(function () {
$('.dropdown-toggle').dropdown();
console.log(5 + 6);
});
</script>
{% endblock %}
下拉功能正常工作,因此 javascript 正常。但是控制台不显示任何内容。
您需要结束具有 src
属性的 <script>
标签(就像您对 jQuery 所做的那样)。在标记之间写入 JavaScript 时,它们需要独立于 JavaScript 具体而言。有关详细信息,请参阅 documentation。
具体来自文档:
If a script element has a src attribute specified, it should not have a script embedded inside its tags.
这是使用修复程序更新的代码:
<script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script>
$(document).ready(function () {
$('.dropdown-toggle').dropdown();
console.log(5 + 6);
});
</script>