javascript - 放置下拉菜单后，包含锚标记不起作用

Question

将bootstrap下拉菜单放入其中后，包含<a></a>不起作用，尽管下拉菜单工作正常，但合并后也弄乱了样式，提前致谢

<a href="{% url 'jobmanage:job-det' val.id %}" class="card-link"> <-- this link is not working 
    <div class="card jobs_cards" >
      <div class="card-body">
        <div class="dropdown">
          <a href="" class="btn btn-scondary" dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fas fa-bars"></i></a>
           
         
          <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
            <a class="dropdown-item" href="#">Action</a>
            <a class="dropdown-item" href="#">Another action</a>
            <a class="dropdown-item" href="#">Something else here</a>
          </div>
        </div>
        <h5 class="card-title">
          {{val.title}}
        </h5>

        <h6 class="card-subtitle mb-2 text-muted">{{val.cmpny_name.name}}</h6>

        <h5 class="card-subtitle mb-2 text-muted">{{val.salary_start}} - {{val.salary_end}}</h5>
        <p class="card-text">{{val.job_description}}</p>
      </div>
    </div>
    </a>

Answer 1

<a>将您的样式（卡片、标题...）放在tag中不是一个好方法（不可能） 。

相反，您可以使用JS函数在点击卡片时打开链接：

<div class="card jobs_cards" onclick="myFunction()">
</div>



function myFunction() {
window.open("wwww.urlGoesHere.com", "_top");
}

这里还有一些关于window.open