通过 jquery.html() 生成的锚标签（href 链接）只会在第二次点击时被点击

Question

我有一些 javascript 可以生成封装在锚标记中的图像。当它呈现时，点击第一次不起作用。不过，它确实会在第二次单击同一元素时注册。

html = '<a href="/product/"><img src="/products/main.jpg"></a>'
$('.nav-search-results').html(html);

知道为什么会发生这种情况。

P.S.: html 实际上是由编译的 hogan 模板生成的

template = '<a href="/product/{{{sku}}}"><img src="/products/{{{sku}}}-main.jpg"></a>';
templateCompiled = Hogan.compile(template);
product = {sku: 'SKU-123'}
html = templateCompiled.render(product);

Answer 1

对不起。错误的问题。问题出在我为 'change' 事件放置在 div 上的绑定。第一次点击计为 'change' 事件，后续点击计为 'click' 事件

通过 jquery.html() 生成的锚标签（href 链接）只会在第二次点击时被点击

Anchor tags (href links) generated via jquery.html() only get clicked on the second click

javascript

jquery

html

hogan.js