jQuery的 - 負載

Question

更換一個DOM元素我需要更換以下html元素

<input type="submit" id="send_product_enquiry" value="Send Enquiry" class="button"> 

與此

<input type="submit" id="send_product_enquiry" onclick="ga('send', 'event', { eventCategory: 'Contact From Enquiry', eventAction: 'Form Entry', eventLabel: 'Contact Form Enquiry'});" value="Send Enquiry" class="button"> 

我一直在嘗試使用

jQuery(document).ready(function($) { 
$('#send_product_enquiry').replaceWith('<input type="submit" id="send_product_enquiry" onclick="ga('send', 'event', { eventCategory: 'Contact From Enquiry', eventAction: 'Form Entry', eventLabel: 'Contact Form Enquiry'});" value="Send Enquiry" class="button"> '); 
}); 

但我不斷收到以下錯誤

「失蹤）的說法......」

我知道這是一個語法的事情與雙或單引號，但我只是不知道什麼是正確的。一直在搞亂沒有結果。

Answer 1

使用jQuery添加點擊處理程序。

$('#send_product_enquiry').on('click', function() { 
    ga('send', 'event', { 
     eventCategory: 'Contact From Enquiry', 
     eventAction: 'Form Entry', 
     eventLabel: 'Contact Form Enquiry' 
    }); 
}); 

Answer 2

你必須逃脫你所有的single quotes。看到正在逃脫所有的單引號「\」

$('#send_product_enquiry').replaceWith('<input type="submit" id="send_product_enquiry" onclick="ga(\'send\', \'event\', { eventCategory: \'Contact From Enquiry\', eventAction: \'Form Entry\', eventLabel: \'Contact Form Enquiry\'});" value="Send Enquiry" class="button"> '); 

爲什麼你需要ESCAPE：

在解釋你的代碼，你是混淆瞭解您的字符串結尾的解釋。轉義字符串意味着減少歧義。通過前面的斜槓，你宣佈它是一個值的一部分。

Answer 3

的問題是，你傳遞replaceWith字符串結束遲早比你想象的那樣：

jQuery(document).ready(function($) { 
$('#send_product_enquiry').replaceWith('<input type="submit" id="send_product_enquiry" onclick="ga('send', 'event', { eventCategory: 'Contact From Enquiry', eventAction: 'Form Entry', eventLabel: 'Contact Form Enquiry'});" value="Send Enquiry" class="button"> '); 
// Here -------------------------------------------------------------------------------------------^ 
}); 

什麼像樣的程序編輯器應該已經是明顯的語法高亮。

要把一個'放入與'引用的字符串中，您需要使用\'。

---

但更好的是，因爲你使用jQuery，動態掛鉤的處理程序：

jQuery(document).ready(function($) { 
    var btn = $('<input type="submit" id="send_product_enquiry" value="Send Enquiry" class="button">'); 
    $('#send_product_enquiry').replaceWith(btn); 
    btn.on("click", function() { 
    ga('send', 'event', { 
     eventCategory: 'Contact From Enquiry', 
     eventAction: 'Form Entry', 
     eventLabel: 'Contact Form Enquiry' 
    }); 
    }); 
}); 

那是，如果你真的需要更換的元素，而不僅僅是增加一個處理程序它或修改它一點。如果您只需添加處理程序，則：

jQuery(document).ready(function($) { 
    $('#send_product_enquiry').on("click", function() { 
    ga('send', 'event', { 
     eventCategory: 'Contact From Enquiry', 
     eventAction: 'Form Entry', 
     eventLabel: 'Contact Form Enquiry' 
    }); 
    }); 
});