Как сделать так, чтобы link_to (просто обычный <a href>) был кликабельным через кликабельный div?

Question

Как сделать так, чтобы link_to (просто обычный <a href>) был кликабельным через кликабельный div?

0

У меня есть div, который можно щелкнуть (это крах) и ссылку поверх него:

<div class="panel-group" id="accordion">
    <div class="panel panel-default">
        <div class="panel-heading">
             <h4 class="panel-title">
                 <a data-parent="#accordion" data-toggle="collapse" href="#w_abcd" class="collapsed">
                 <table class="table-condensed w">
                     <tbody>
                         <tr>
                             <td class="col-sm-2">abcd</td>
                             <td class="col-sm-2">aaa</td>
                             <td class="col-sm-2">bbb</td>
                             <td class="col-sm-2">
                                 <a href="/ws/52b0f6a676646503c9000000">Show</a>
                             </td>
                             <td class="col-sm-2">
                                 <a href="/ws/52b0f6a676646503c9000000/edit">Edit</a>
                             </td>
                             <td class="col-sm-2">
                                 <a data-confirm="Are you sure?" data-method="delete" href="/ws/52b0f6a676646503c9000000" rel="nofollow">Destroy</a>
                             </td>
                         </tr>
                     </tbody>
                 </table>
                 </a>
            </h4>

        </div>
        <div class="panel-collapse collapse" id="w_abcd" style="height: 0px;">
            <div class="panel-body">aaa</div>
            <ul class="list-group">
                <li class="list-group-item">bbb</li>
            </ul>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
             <h4 class="panel-title"><a data-parent="#accordion" data-toggle="collapse" href="#w_1234" class="collapsed"><table class="table-condensed w"><tbody><tr><td class="col-sm-2">1234</td><td class="col-sm-2">abcd</td><td class="col-sm-2">12311</td><td class="col-sm-2"><a href="/ws/52b0f83076646503c9010000">Show</a></td><td class="col-sm-2"><a href="/ws/52b0f83076646503c9010000/edit">Edit</a></td><td class="col-sm-2"><a data-confirm="Are you sure?" data-method="delete" href="/ws/52b0f83076646503c9010000" rel="nofollow">Destroy</a></td></tr></tbody></table></a></h4>

        </div>
        <div class="panel-collapse collapse" id="w_1234" style="height: 0px;">
            <div class="panel-body">abcd</div>
            <ul class="list-group">
                <li class="list-group-item">12311</li>
            </ul>
        </div>
    </div>
</div>

http://jsfiddle.net/6cA6L/

как выполнить ссылку, а не UI js (свернуть) при нажатии на ссылку? Итак, как щелкнуть по клику?

static 18 дек. 2013, в 11:56

Источник

Теги:

javascript

jquery

html

hyperlink

order

1 ответ

Ещё вопросы

Bhadra · Accepted Answer · 2013-12-18T08-57-00.000Z

$('tr a').click(function(e){
    e.stopPropagation();
});

когда вы нажимаете на ссылку, событие распространяется на родителя, сначала вам нужно остановить событие, возбуждающее родительское

обновленная скрипка

это работает сейчас! Но с одной проблемой: если я нажму на ссылку ( Show , Edit ) и e.stopPropagation() страницу Show или Edit , а затем снова e.stopPropagation() в браузере, e.stopPropagation() больше не работает. В чем может быть проблема? Я поместил e.stopPropagation() в $(document).ready(function() { ... }) внутри
в скрипке он работает, проверьте один раз, может быть какой-то другой js работает над этим