Bootstrap html中的链接不可点击

时间:2014-07-24 04:20:31

标签: javascript twitter-bootstrap-3

我的Bootstrap 3.2.0存在问题,无法点击链接。

以下是我的代码的一部分(从php生成):

<div class="row">
    <div class="col-md-7"  style="padding-left: 50px; padding-top: 10px;">
        <div class="big_dialog_title_grey" style="height: 50px; max-width: 770px;">
            <div class="row">
                <div class="col-md-8">
                    <h4 style="font-weight: bold; padding-left: 20px;">Manage My Listings</h4>
                </div>
                <div class="col-md-4" style="padding-top: 10px;">
                    <img style="-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px; border: 1px #d3d3d3 solid; background: #f6f6f6; min-height: 28px;" src="/assets/images/template/user/dashboard/icon/manage_icon1.png">&nbsp;
                    <span style="border-left: 2px #d3d3d3 solid; height: 23px; display: inline-block;">&nbsp;</span>&nbsp;
                    <img style="-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px; border: 1px #d3d3d3 solid; background: #f6f6f6; min-height: 28px;" src="/assets/images/template/user/dashboard/icon/manage_icon2.png">&nbsp;
                    <img style="-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px; border: 1px #d3d3d3 solid; background: #f6f6f6; min-height: 28px;" src="/assets/images/template/user/dashboard/icon/manage_icon3.png">
                </div>
            </div>
        </div>
        <div class="scrollable" style="position: relative; margin-left: 1px; height: 580px; width: 769px; background: #f5f5f5;">
                                <div class="row" style="max-width: 779px; padding: 10px; border-bottom: 1px #D8D8D8 solid; background: #F7F7F7;">
                    <div class="col-md-1" style="vertical-align: middle;">
                                                    <img src="/assets/images/template/user/dashboard/icon/approved_icon.png" style="padding-left: 10px; padding-top: 40px;">
                    </div>
                    <div class="col-md-3">
                        <img src="/assets/uploader/upload/2014719123490_8ccd6329-2bfd-48cc-bcee-4b3136dc3adf/1.JPG" style="height: 108px; width: 167px;">
                    </div>
                    <div class="col-md-6" style="margin-top: 25px; vertical-align: middle; font-weight: bold;">
                        Pluit, Jakarta Utara, 14450                            <div style="font-weight: normal;">yyyyy</div>
                    </div>
                    <div class="col-md-2">
                        <a class="edit_yellow_button" style="vertical-align;text-align: center; font-weight:bold; margin-top: 25px; padding-top: 5px;" href="/user/edit_property?id=2014719123490">Edit</a>
                    </div>
                </div>
                                <div class="row" style="max-width: 779px; padding: 10px; border-top: 2px white solid; border-bottom: 2px white solid; background: #EFEFEF;">
                    <div class="col-md-1" style="vertical-align: middle;">
                                                    <img src="/assets/images/template/user/dashboard/icon/approved_icon.png" style="padding-left: 10px; padding-top: 40px;">
                    </div>
                    <div class="col-md-3">
                        <img src="/assets/uploader/upload/2014714134610_2ef67d2d-de84-4782-8e46-09452c4db783/2.JPG" style="height: 108px; width: 167px;">
                    </div>
                    <div class="col-md-6" style="margin-top: 25px; vertical-align: middle; font-weight: bold;">
                        Pluit, Jakarta Utara, 14450                            <div style="font-weight: normal;">bcvbcvbvc</div>
                    </div>
                    <div class="col-md-2">
                        <a class="edit_yellow_button" style="vertical-align;text-align: center; font-weight:bold; margin-top: 25px; padding-top: 5px;" href="/user/edit_property?id=2014714134610">Edit</a>
                    </div>
                </div>
                                <div class="row" style="max-width: 779px; padding: 10px; border-top: 1px #D8D8D8 solid; border-bottom: 1px #D8D8D8 solid; background: #F7F7F7;">
                    <div class="col-md-1" style="vertical-align: middle;">
                                                    <img src="/assets/images/template/user/dashboard/icon/approved_icon.png" style="padding-left: 10px; padding-top: 40px;">
                    </div>
                    <div class="col-md-3">
                        <img src="/assets/uploader/upload/201478142490_5a4b8bb5-0d5a-469b-b488-dcc8a7d4ae4e/Rmh Grand Prima Bintara,lt.193,lb.260,kt.4+1,km.3+1,hrga 2,3 M.jpg" style="height: 108px; width: 167px;">
                    </div>
                    <div class="col-md-6" style="margin-top: 25px; vertical-align: middle; font-weight: bold;">
                        Pluit, Jakarta Utara, 14450                            <div style="font-weight: normal;">XXXXXXXX</div>
                    </div>
                    <div class="col-md-2">
                        <a class="edit_yellow_button" style="vertical-align;text-align: center; font-weight:bold; margin-top: 25px; padding-top: 5px;" href="/user/edit_property?id=201478142490">Edit</a>
                    </div>
                </div>
                                <div class="row" style="max-width: 779px; padding: 10px; border-top: 2px white solid; background: #EFEFEF;">
                    <div class="col-md-1" style="vertical-align: middle;">
                                                    <img src="/assets/images/template/user/dashboard/icon/approved_icon.png" style="padding-left: 10px; padding-top: 40px;">
                    </div>
                    <div class="col-md-3">
                        <img src="/assets/uploader/upload/2014781334560_ba49ee0d-332e-4b7b-aa62-4c5858d42565/Rmh Grand Prima Bintara,lt.193,lb.260,kt.4+1,km.3+1,hrga 2,3 M.jpg" style="height: 108px; width: 167px;">
                    </div>
                    <div class="col-md-6" style="margin-top: 25px; vertical-align: middle; font-weight: bold;">
                        Pluit, Jakarta Utara, 14450                            <div style="font-weight: normal;">ytytytytytytytytyt</div>
                    </div>
                    <div class="col-md-2">
                        <a class="edit_yellow_button" style="vertical-align;text-align: center; font-weight:bold; margin-top: 25px; padding-top: 5px;" href="/user/edit_property?id=2014781334560">Edit</a>
                    </div>
                </div>
                            <div style="position:absolute; bottom:0; height: 64px; vertical-align: middle; text-align: center; width: 765px;">
                    <span style="margin-top: 20px; text-align: center; display: inline-block;">
                        Page Number
                    </span>
            </div>
        </div>
    </div>
    <div class="col-md-5" style="padding-left: 175px; padding-top: 10px;">
        <img src="/assets/images/template/user/dashboard/mockup/upgrade_premium.png">
    </div>
</div>

此外,当将onclick代码附加到 edit_yellow_button 时无效。

谢谢你们的帮助:)。

Fiddle for the same

1 个答案:

答案 0 :(得分:0)

我刚刚发现代码在我的最后工作但是使用jsfiddle工作,因为导致问题的重叠div现在已修复,通过将col-md-7更改为col-md-9col-md-5col-md-3