在我的vue.js项目中，我有这个模板：
<IfVersion >= 2.4>
为了测试porpoises，我已经硬编码<template>
<div v-if="!isEmpty(media)">
<div class="flex wrap">
<div v-for="file in media" :key="file.id" @click.prevent="action(file)">
<div>
<a href="/file/93">
<img v-bind:src="fileType(file.file_name)" class="media-file" :alt="file.name" :title="file.name"/>
</a>
</div>
</div>
</div>
<div v-if="context == 'destroy'">
<p>Klik op het bestand om deze te verwijderen.</p>
</div>
</div>
</template>
。
现在，当有人点击图片<a href="/file/93">时会被触发。
这里我用jquery附加了一些这样的东西：
action(file)但是当我检查chrome中的标签时没有任何反应。我在这做错了什么？弹出警报，这不是问题所在。 alert('test');
$('<a href="/file/93">')
.attr('data-lightbox','roadtrip')
.append('<img src="/file/93">')
.addClass('test');
正在工作，我已经检查过了。
答案 0 :(得分：4)
$('<a href="/file/93">')未选择您拥有的a元素。我认为它创建了一个新的DOM元素，最终永远不会附加到文档中。
要通过属性值选择元素，您可以执行以下操作：
$('[href="/file/93"]')