骨幹事件不小的CSS改變射擊 - 添加CSS的float到img標籤

--Solved，看到OP骨幹事件不小的CSS改變射擊 - 添加CSS的float到img標籤

唯一的變化是加入下面的CSS塊在同一行的浮動圖像標籤文字的底部。

錯誤-css更改後，jquery看到圖像上的'click'事件（class = usrgrp），但主幹沒有收到任何對「triggerEvents」函數的調用。我在調試中觀察到了這一點。

- 代碼之前工作正常

<div class="pichdr"> 
    <a href="#" 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漂浮圖像ok，將它與文本在同一行上對齊。

但是，CSS更改以某種方式打破了點擊事件。

注：

，並沒有出於某種原因：訴諸css.float我試過圖像標籤

風格=「中間垂直對齊」以下HTML之前。

通過改變CSS下面

在img標籤--Solved：風格= 「垂直對齊：中等;文本對齊：左;」

和標籤上，在CSS中，加入以下：

顯示：內聯塊; text-align：left;

來源

2014-02-10 Robert Rowntree

你有沒有嘗試過實際應用CSS到IMG，而不是包裝錨標記？ .usrgrp> img – ncksllvn

yes已經試過「.usrgrp> img」。結果NG –

謝謝。我會盡力在小提琴上得到它。 –

嘗試改變你的活動是這樣的：

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

來源

2014-02-10 18:45:06

生病請嘗試這個..我通過編輯注意到在編輯到OP –

nope。不工作。骨幹只是沒有從jQry獲得事件？ –

骨幹事件不小的CSS改變射擊 - 添加CSS的float到img標籤

回答

相關問題