javascript的OO方式-IE上的權限被拒絕錯誤

Question

我正在嘗試如下所示的一些javascript：

var obj = {
    resetCss: function(){
        $("#canvas > div").click{function(){
             val = $(this).attr("id"); //I get the expected value
             obj.setCss(val);
         });
    },
    setCss: function(inp){
       alert (inp);
    },
    getCss: function(){

    }
};

標記：

    <div id="canvas">
    <div id="can1">Canvas 1</div>
    <div id="can2">Canvas 2</div>
    <div id="can3">Canvas 3</div>
    <div id="can4">Canvas 4</div>
    <div id="can5">Canvas 5</div>
    </div>

此腳本在FF，Chrome，Safari等上運行良好。僅在IE瀏覽器中，腳本點擊“ obj.setCss（val）;”時，該腳本才有效。 我收到一個錯誤“權限被拒絕”，腳本執行終止。 有人可以幫我嗎？

謝謝L

Answer 1

var obj = {
    resetCss: function(){
        $("#canvas > div").click{function(){ //I think your code wrong here
             val = $(this).attr("id"); //I get the expected value
             obj.setCss(val);
         });
    },
    setCss: function(inp){
       alert (inp);
    },
    getCss: function(){

    }
};

它應該更改為

var obj = {
    resetCss: function(){
        $("#canvas > div").click(function(){ //Change { to (
             val = $(this).attr("id"); //I get the expected value
             obj.setCss(val);
         });
    },
    setCss: function(inp){
       alert (inp);
    },
    getCss: function(){

    }
};

Answer 2

在resetCss函數中，您有一個{而不是（。請參見下文。在其他瀏覽器中，這可能會被忽略，但在IE中

var obj = {
    resetCss: function(){
        $("#id").click(function(){ // <---- Note the ( rather than {
           val = $(this).val(); //I get the expected value
           obj.setCss(val);
         });
    },
    setCss: function(inp){
        //some code here
       alert (inp);
    },
    getCss: function(){

    }
};