2016-04-21 27 views
0

我與knockout.js合作工作,這是我的代碼 -數據綁定Click事件不會對鉻對SVG下DIV

<div data-bind = "event:{click: clickHandler}"> 
    <svg ...> 
     <polygon ... > </polygon> 
    </svg> 
</div> 

點擊SVG的瀏覽器不工作,我必須點擊外部svg的div,因爲它在chroms上工作。出於某種原因,點擊事件不會在Chrome中觸發,但在IE 11和Edge瀏覽器中可以正常工作。

任何想法讚賞。

+0

你已經嘗試添加引號之間的數據綁定值?像:data-bind =「event:...」? –

+0

是的,我爲此感到抱歉。上面更新的代碼。 – stackHelp

+0

我在jsfiddle上做了一些測試,代碼沒有任何問題。看看chrome的JS控制檯中的一些錯誤,並確保在文件中聲明瞭knockout.js庫,同時也確保了ko.applyBindings();在代碼的末尾(或.ready事件)上調用 –

回答

0

的問題是,包含上述股利股利,需要指針事件:無財產

<div style ="pointer-events: none"> 
    <div data-bind = "event:{click: clickHandler}"> 
     <svg ...> 
     <polygon ... > </polygon> 
     </svg> 
    </div> 
<div>