javascript函數未在Symfony3樹枝文件中定義錯誤

Question

我將Symfony3用於我的項目，並且遇到ReferenceError：optionOneChange未定義錯誤。

這是我的HTML Twig文件：

{% extends 'base.html.twig' %}

{% block body %}

    <p id="question">{{ questions[0].desc }}</p>
    <form id="form">
        <input type="radio" id="option1" onclick="optionOneChange(1)"> {{ questions[0].ans1}}<br>
        <input type="radio" id="option2" onclick="optionOneChange(2)"> {{ questions[0].ans2}}<br>
        <input type="radio" id="option3" onclick="optionOneChange(3)"> {{ questions[0].ans3}}<br>
        <input type="radio" id="option4" onclick="optionOneChange(4)"> {{ questions[0].ans4}}<br>
    </form>

{% endblock %}

{% block javascripts %}

    <script src=" {{ asset('js/playGame.js') }}"></script>

{% endblock %}

這是playGame.js文件：

function optionOneChange(option)
{
    if (option == 1)
        $(document).getElementById("question").innerHTML = "one";
    else if (option == 2)
        $(document).getElementById("question").innerHTML = "two";
    else if (option == 3)
        $(document).getElementById("question").innerHTML = "three";
    else if (option == 4)
        $(document).getElementById("question").innerHTML = "four";
}

謝謝你的幫助。

Answer 1

我認為您需要在傳遞給js函數的參數周圍加上單引號，如下所示：

<form id="form">
  <input type="radio" id="option1" onclick="optionOneChange('1')"> {{ questions[0].ans1}}<br>
  <input type="radio" id="option2" onclick="optionOneChange('2')"> {{ questions[0].ans2}}<br>
  <input type="radio" id="option3" onclick="optionOneChange('3')"> {{ questions[0].ans3}}<br>
  <input type="radio" id="option4" onclick="optionOneChange('4')"> {{ questions[0].ans4}}<br>
</form>

另外，您是否從代碼中粘貼內容？ 如果是這樣，我在這里看到一個問題：

<script src=" {{ asset('js/playGame.js') }}"></script>

前面有多余的空間，所以請嘗試以下方法：

<script src="{{ asset('js/playGame.js') }}"></script>

不確定是否有幫助，但是您可以檢查。