在Safari

Question

丟失的HTML5數據屬性我有它加載基於HTML5的數據其內容屬性一個jQueryUI的模式：

<button id="add-dates-button" name="add-dates-button" href="#" class="dialog-ajax-form" data-table="jto-dates-add" data-title="Add Job" data-id="<?=$jto_id?>">Add Date(s)</button> 

與按鈕的點擊觸發以下（部分）腳本，我得到的變量在FF打印控制檯就好了。然而，在Safari，他們都交未定義：

$(document).on('click','.dialog-ajax-form',function(e){ 
    e.preventDefault(); 
    var targete = $(e.target); 
    var tbl = $(e.target).data('table'); 
    var id = $(e.target).data('id'); 
    var title = $(e.target).data('title'); 
    console.log(title); 
    console.log(id); 
    console.log(targete); 
    console.log(tbl); 

如果我訪問的屬性在Safari與以下，但是，我可以得到價值：

console.log(document.getElementById('add-dates-button').getAttribute('data-table')); 

我用的對話框，ajax-在各種地方形成腳本，因此訪問這個變量具體是不理想的。任何人都可以解釋爲什麼我在Safari中丟失了這些值？

Answer 1

您確定$(e.target)元素是Safari中的按鈕嗎？您的選擇器.dialog-ajax-form不是特定於<button id="add-dates-button">元素，但我認爲這包含在表單中。

你需要得到找到該屬性的元素，或者用：

var $target = $(e.target); 
var tbl = $target.data('table') || $target.find('[data-table]').data('table'); 

這將使用屬性爲$(e.target)如果它有它，否則查找與屬性的孩子。