Question

我想让我的整个div可点击但是当我把我的div标签代码放在锚标签中时它根本不可点击，即使我检查控制台有一个标签在它启动后关闭请求帮助。提前谢谢。

<a href="#">
    <div class="row">

        <div class="col-md-2 col-sm-2 col-xs-12">
            <div class="post-media">
                <a href="#"><img src="upload/testi_01.png" alt="" class="img-responsive img-thumbnail"></a>
            </div>
            <!-- end media -->
        </div>
        <!-- end col -->

        <div class="col-md-6 col-sm-6 col-xs-12">
            <p> <strong>Name (fi / intermediary ? - entrepreneur to assist for bank finanae)</strong> </p>
            <p> <i class="fa fa-building"></i>&nbsp;&nbsp; Industry </p>
            <p> <i class="fa fa-tag"></i>&nbsp;&nbsp; Type Of Finance </p>
            <p> <i class="fa fa-inr"></i>&nbsp;&nbsp; Amount </p>
            <p> <i class="fa fa-map-marker"></i>&nbsp;&nbsp; location </p>
        </div>
        <!-- end col -->

        <div class="col-md-2 col-sm-2 col-xs-12">
            <div class="job-meta">
                <i class="fa fa-calendar"></i>
                <p>13th Feb, 2018</p>
            </div>
            <!-- end meta -->
        </div>
        <!-- end col -->

        <div class="col-md-2 col-sm-2 col-xs-12">
            <div class="job-meta text-center">
                <a href="#" class="btn btn-success btn-block">Connect  Now &nbsp;&nbsp; <i class="fa fa-check"></i></a>

            </div>
        </div>

        <!-- end col -->
    </div>
    <!-- end row -->
</a>

Answer 1

您的语法无效 - 您嵌套了a个标签 - 您在a内无法a。

最好将一个点击处理程序添加到div中，然后让它触发“a”。

Answer 2

A元素定义的链接和锚点不能嵌套; A元素不得包含任何其他A元素。

在w3 specification中提到： 12.2.2嵌套链接是非法的

在使整个div可点击时，标签是自我关闭的，因为它从哪里开始

2 个答案: