Question

我被按钮困住了，无法理解为什么它不起作用。

$('#full-london').on('click', () => {
weatherPage.render('London');
});

“＃full-london”是我的按钮的ID

weatherPage.render启动一些jQuery代码，更改我的首页。在其他情况下对此进行了测试，并且可以正常工作。

这是按钮：

<a id="full-london" class="btn btn-dark">Full forecast</a>

有什么想法吗？

这是使用weatherPage.render并具有搜索按钮的其他情况，并且有效：

$('#search-city-button').on('click', () => {
    const searchString = $('#search-city-input').val();
    weatherPage.render(searchString);
});

searchString是搜索输入

 <div id="search">
      <input type="text" id="search-city-input">
      <a id="search-city-button" class="btn btn-danger">Search</a>
 </div>

weatherPage.render();是https://pastebin.com/PLgrrYQ0的做什么

Answer 1

那是完全合理的！

您正在动态添加按钮，因此当JS解析SPARTE VKONT EXBEL 05 800000008422 1NSN150900000058 L2 800000008422 1NSN150900000058 05 800000008415 1HSN151200000012 S1 800000008415 1HSN151200000012时，页面上没有按钮，因此无法将事件附加到该按钮。

$('#full-london').on('click',...

在JS模块中创建一个函数（例如function setEvents() { $('#full-london').on('click', () => { weatherPage.render('London'); }); }），然后调用该函数之后，将按钮添加到页面中。

单击带有jQuery的按钮没有动作

1 个答案: