Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript List.js-可点击链接_Javascript - Fatal编程技术网

Javascript List.js-可点击链接

Javascript List.js-可点击链接,javascript,Javascript,My List.js实现正在创建看似链接但不可单击的链接。在我所附的图片中,所有内容看起来都是正确的,但是链接不起作用,即使当你将其悬停时,它甚至会像普通链接一样加下划线。我错过了什么 我在某个地方读到,项目无法分配href标记?如果这是真的,那么如何回避这个小问题呢 Javascript: <script> var options = { valueNames: [ 'title', 'description', 'lat', 'lng', 'user_sub',

My List.js实现正在创建看似链接但不可单击的链接。在我所附的图片中,所有内容看起来都是正确的,但是链接不起作用,即使当你将其悬停时,它甚至会像普通链接一样加下划线。我错过了什么

我在某个地方读到,
  • 项目无法分配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>