backbone събитие не се задейства с малка промяна на css - добавете css float към img тага

--Решено, вижте долната част на OP

Единствената промяна беше добавянето на css блока по-долу, за да плава етикет на изображение с текст на същия ред.

Грешка - след промяната на css, jquery вижда събитието 'click' върху изображението (class=usrgrp), но гръбнакът не получава извикване на функцията "triggerEvents". Наблюдавах това при отстраняване на грешки.

-- кодът преди работи добре

<div class="pichdr">
    <a href="/bg#" class="usrgrp">
    <img src="../../../../../Content/images/group-sm.png"   width="40" height="40">
    </a>
<label class="parent-role"> 
    <%= name %></label>
</div>
<ul id="todo-list"></ul>

...
//In marionette composite view.. 

    events : {
          "click .usrgrp" : "roleRelation"
    },

    roleRelation : function(e) {
        console.log("RoleUsrLst.getrole CLIK"); //not appearing with new css
        vent.trigger('roleuserlist:getrole', this.model);
    }

добавете следното към css и щракването вече не се задейства в гръбнака, т.е. "triggerEvent()" вече не се извиква в гръбнака за отстраняване на грешки, въпреки че jquery получава събитието от DOM.

.usrgrp  {

    border: 1px solid black;
    margin: 5px 5px;
    float: left;

}

CSS плава изображението добре, подравнявайки го с текст на същия ред.

Но промяната на css прекъсва събитието за кликване по някакъв начин.

Забележка: преди да прибягна до css.float, опитах следния html върху етикета на изображението

style="vertical-align:middle"

и не проработи по някаква причина.

--Решено чрез променен css по-долу

на етикета img: style="vertical-align:middle;text-align:left;"

и върху етикета, в css, добави следното:

дисплей: inline-block; подравняване на текста: ляво;