Question

我正在尝试使用Flask构建纸牌游戏，而我想在不重新加载页面的情况下实现这一目标，所以我偶然发现了JQuery。这是我的第一个使用JS，HTML和CSS的项目，主要是因为Flask。我遵循了一些教程，并试图逐步获得结果，因此我从单击按钮时开始打印，但是它似乎不起作用，我也不知道为什么。这是我的JS文件：

   $(function(){

   $('.drawCard').on('click', function(){
      console.log("Draw card");
   });

   $('.playerCard').on('click', function(){
      console.log("Player card");
   });
});

我希望它只要在此按钮被点击时就会触发：

 <a href="#" class="drawCard"><img class="ml-4 img-responsive" src="/static/cards/back.png" width="250" height="363"></a>
            <div class="pt-4">{% block player_cards %}{% endblock %}</div>
{% for card in player_deck %}
<a href="#"><img class="img-responsive playerCard" src="{{ card }}" width="100" height="145"></a>
{% endfor %}

如您所见，我尝试将类更改为“ href”，但发现此方法无效，因此将其更改为“ img类”。我不知道应该怎么做，因此可以将HTML类链接到我的JS，就像我说的那样，这是我自己第一次用HTML和JS构建东西。

Answer 1

实际上可以。我要做的就是重启Flask服务器...

单击链接时不会触发带有Flask的JQuery

1 个答案: