0

我正在使用把手为 NodeJS 项目动态生成 html 页面。我有一个 event.js 和一个 jquery.min.js 文件，它们都已加载。

这是 HTML 的一部分：

<td>
    <input id="temps_ajout_resultat" name="temps" type="text" value="{{tempsMini}}" pattern="[0-5][0-9]:[0-5][0-9]:[0-9][0-9]" title=" Format hh:mm:ss et au moins {{tempsMini}}">
</td>
<td>
    <input id="tempsMini_ajout_resultat" class="hidden" name="tempsMini" type="text" value="{{tempsMini}}">
    <input id="nbpoints" class="hidden" name="nbpoints" type="number" value="{{nbPointsSuivant}}">
    <input id="num" class="hidden" name="num" type="number" value="{{gpnum}}">
</td>
<td><button id="valider_ajout_resultat" type="button" value="Ajouter">Valider</button></td>

和 Javascript 的一部分：

$('body').on('click', '#valider_ajout_resultat', function() {

    console.log('test');
    console.log($('body').find('#tempsMini_ajout_resultat').val());
    console.log($('body').find('#temps_ajout_resultat').val());

    validerTempsCourse($('body').find('#tempsMini_ajout_resultat').val(), $('body').find('#temps_ajout_resultat').val());});

问题是单击“valider_ajout_resultat”按钮完全没有任何作用。控制台也什么也没说。

有人看到问题了吗？

谢谢！

4

1 回答 1

-1

你能编辑动态生成的代码吗？

您可以onclick在按钮上放置一个并调用一个函数：

<button onclick="myFunction()" id="valider_ajout_resultat" type="button" value="Ajouter">Valider</button>

然后在你的javascript中：

function myFunction() {
    console.log('test');
    console.log($('body').find('#tempsMini_ajout_resultat').val());
    console.log($('body').find('#temps_ajout_resultat').val());

    validerTempsCourse($('body').find('#tempsMini_ajout_resultat').val(), $('body').find('#temps_ajout_resultat').val());});
}

这对你有用吗？

于 2018-04-02T18:37:40.777 回答