javascript - 在使整个 div 可点击时，标签从开始的地方开始自动关闭

Question

我想让我的整个 div 都可以点击，但是当我把我的 div 标签代码放在 anchor 标签中时，它根本就不可点击，即使我检查控制台那里有一个标签在它开始后就关闭了，请帮助。提前致谢。

<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”。