Javascript List.js-可点击链接
My List.js实现正在创建看似链接但不可单击的链接。在我所附的图片中,所有内容看起来都是正确的,但是链接不起作用,即使当你将其悬停时,它甚至会像普通链接一样加下划线。我错过了什么 我在某个地方读到,Javascript List.js-可点击链接,javascript,Javascript,My List.js实现正在创建看似链接但不可单击的链接。在我所附的图片中,所有内容看起来都是正确的,但是链接不起作用,即使当你将其悬停时,它甚至会像普通链接一样加下划线。我错过了什么 我在某个地方读到,项目无法分配href标记?如果这是真的,那么如何回避这个小问题呢 Javascript: <script> var options = { valueNames: [ 'title', 'description', 'lat', 'lng', 'user_sub',
项目无法分配href标记?如果这是真的,那么如何回避这个小问题呢
Javascript:
<script>
var options = {
valueNames: [ 'title', 'description', 'lat', 'lng', 'user_sub', 'location', 'imageurl', 'final_url' ],
item: '<li id="my-list"><h3 class="title"></h3><p class="description"></p><p class="location"></p><p class="user_sub"></p><a class="final_url"></a></li>'
};
var values = JSON.parse('{{ jsonout|safe }}');
var userList = new List('places', options, values);
</script>
变量选项={
ValueName:[‘标题’、‘说明’、‘lat’、‘lng’、‘用户子项’、‘位置’、‘图像url’、‘最终url’],
项目:“
HTML:
搜寻
按州排序
按名称排序
你使用锚定标记了吗?我使用了,这就是为什么它显示为链接,虽然我相信不可链接。在锚定标记中添加href=“youLinkHere”属性,并将链接放在你想浮动此链接的位置。或者你可以使用Put href标记来锚定而不是li。你使用锚定标记了吗?我使用了,这就是为什么它显示为链接,尽管不可链接,我相信。在锚定标记中添加href=“youLinkHere”属性,并在其中添加链接,您可以在其中浮动此链接。或者您可以使用Put href tag to ANCHORK而不是li。
<div id="places" class="container">
<input class="search" placeholder="Search" />
<button class="Find" data-sort="title">
Search
</button>
<button id="click_me" class="sort" data-sort="location">
Sort by State
</button>
<button id="click_me" class="sort" data-sort="title">
Sort by Name
</button>
<ul class="list"></ul>
</div>