Konflikt eventów - diva i btn

Question

Hej. Mam konflikt w wykonywanych akcjach na stronie. Mam div - nazwijmy go głownym  - i w nim jest button. W divie mam klasy BS3 ,które wysuwają mi kolejnego diva(poboczny powiedzmy). Dla buttona planuję inną akcję, z tym,że jak na niego klikam to wykonuje się expand dla diva pobocznego. I to logiczne w sumie bo button jest w znaczniku głownym.. Ale jak oczyścić sobie event dla buttona. Tak, że jak w niego klikniesz to expand się nie wykonuje. Wrzucam kod. Jest co prawda w MeteorJS ale problem ogólny.

<div class="ibox float-e-margins">
    <div class="ibox-title" data-toggle="collapse" data-target="#installations">
        <h5>Parametry instalacyjne <small class="text-muted"> rozwiń</small></h5>
        <div class="ibox-tools">
            <button  class="btn btn-xs primary pull-right newParameter">Nowy Parametr</button>
        </div>
    </div>
    <div class="ibox-content collapse paramsWrapper" style="display: block;">
        <div id="installations" class="row collapse">

            <ul class="sortable-list connectList agile-list ui-sortable">
                {{#each params}}
                    {{#if _eq  type 'installation'}}
                        <li class="success-element task-element paramDetails" data-id="{{_id}}"
                            data-toggle="modal" data-target="#detailsModal"><i class="fa fa-wrench"></i>
                            <strong>{{name}}</strong>
                        </li>
                    {{/if}}
                {{/each}}
            </ul>
        </div>
    </div>
</div>

Answer 1

Jest co prawda w MeteorJS ale problem ogólny.

Problem dotyczy konkretnego kodu JS – tego nie widać.

Tak "ogólnie", to można powiedzieć tyle: zrób event delegation na divie i tym sposobem obsłużysz sobie jaki event zechcesz → http://tutorials.comandeer.pl/js-beauty.html#delegation

W ostateczności możesz zastosować event.stopPropagation → https://developer.mozilla.org/en/docs/Web/API/Event/stopPropagation – nie jest to jednak polecana metoda → https://css-tricks.com/dangers-stopping-event-propagation/

Comments

Jeżeli byś się dobrze wczytał w kod to zauważyłbyś, że nie ma potrzeby wrzucania JS. Bo też zadnego js. (Poza tym z BS3) nie ma.

---

Tego już nie napisałeś. Zresztą nvm. Rozwiązanie zostaje to samo.

---

NVM, Dzięki za pomoc. Zamykam.