jquery 1.11.1 - live vs

Question

至於1.7現場活動已棄用 - 我目前使用的是1.11.1 jquery版本。 現在，也在文檔上說，對於1.9 jquery來說，live已經被移除 - 對我來說很好。 在接下來的情況下

<script type="text/javascript"> 

    $(document).ready() 
{ 
    $("#submitFile").live('click', function (e) { 
     alert('button clicked'); 
     e.preventDefault(); 
     alert(1); 
    }); 

    $('#fileCtrl').live('change', function (event) { 
     alert(1); 
    }); 

    <!-- this was a typo from--> 
    $('#fileCtrl').live('on', function (event) { 
     alert(1); 
    }); 

} 
</script> 



<div id="uploadDiv"> 
    <input name="import" value="import" type="file" id="fileCtrl" /> 
    <input type="submit" value="export" id="fileupload" /> 
</div> 

我目前的項目中，我不得不重新使用現場。 「開」事件簡單不會觸發。 爲什麼？ 我試着用live和它的工作方式，它在doc上說它在版本1.9上被刪除了。 對此有何建議？爲什麼活着還在工作，爲什麼「開」不行？

在此先感謝。

Answer 1

您需要重新調整您的調用堆棧。這意味着，你需要的目標就是能抓住你想要的所有click事件和具有綁定說像

$('the_parent_node_probably_document_body').on('click', '#submitFile', function(e) { 
}); 

父節點，它並沒有真正多大意義，從ID委託任何事件 - 選擇器，因爲它只會在你的標記中出現一次，你實際上想要委託來自多個節點的事件。所以我現在很困惑。

Answer 2

元素沒有「開」事件。

$('#fileCtrl').live('change', function (event) { 
    alert(1); 
}); 

$('#fileCtrl').live('on', function (event) { 
    alert(1); 
}); 

您的代碼意味着在'更改'或'開啓'事件發生時具有相同的反應。可能是你用'開'搞亂了'改變'事件？

Answer 3

on是一個函數，而不是DOM事件。該事件仍然被稱爲「改變」：

$('#fileCtrl').on('change', function (event) { 
    alert(1); 
}); 

Answer 4

由於簡單的示例所示，你就懶得使用live或on（你的第三個例子似乎是一個錯誤，因爲沒有on事件on是。一個jQuery方法）。您的DOM準備處理程序中還缺少function和右括號。

例如使用純click，改變methods：

$(document).ready(function() 
{ 
    $("#submitFile").click(function (e) { 
     alert('button clicked'); 
     e.preventDefault(); 
     alert(1); 
    }); 

    $('#fileCtrl').change(function (event) { 
     alert(1); 
    }); 
}); 

注意最後一個例子是此版本無效的，所以我已經排除它。

如果你真的想使用on，新的語法爲：

$(document).ready(function() 
{ 
    $("#submitFile").on('click', function (e) { 
     alert('button clicked'); 
     e.preventDefault(); 
     alert(1); 
    }); 

    $('#fileCtrl').on('change', function (event) { 
     alert(1); 
    }); 
}); 

最後，如果元素被添加到頁面動態，使用委託的事件處理程序，連接到一個非改變祖先（文檔是默認的）：

$(document).ready(function() 
{ 
    $(document).on('click', "#submitFile", function (e) { 
     alert('button clicked'); 
     e.preventDefault(); 
     alert(1); 
    }); 

    $(document).on('change', '#fileCtrl', function (event) { 
     alert(1); 
    }); 
}); 

回覆：DOM就緒處理程序。有一個DOM準備好的簡單的快捷方式：

$(function(){ YOUR CODE HERE }); 

Answer 5

我發現我的錯誤！

它是在文件準備好聲明 - 我多麼愚蠢！

$(document).ready() 
{ 

的 $（文件）。就緒（函數（）

感謝大家insetead :)