鏈接在下拉選擇不工作IE8/9打開下拉選擇鏈接，提醒作品

Question

看來IE8和9讓我感到悲傷，我想不出一種選擇。

以下版本適用於Chrome，FF和Safari。

有兩個下拉菜單，每個下拉菜單都包含兩個鏈接。每個下拉菜單都有自己對應的「立即購買」按鈕。當下拉選擇時，url通過jquery加載，當用戶點擊「立即購買」按鈕時，一個新的窗口打開到相應的下拉選擇。

在IE8/9中，當用戶選擇一個下拉菜單並單擊立即購買按鈕時，它會拋出未選擇的警報。

See JSFiddle Demo

的Jquery：

$(".buyNow").on("click", function (e) { 
    var url = $(e.target).parent().children().find("[data-active]").data("val"); 
    if (url) { 
     window.open(url, "_blank"); 
    } else { 
     window.alert("Please select a bag size."); 
    } 
}) 

Answer 1

的問題實際上是由於e.target比其他瀏覽器不同。所以父母是一個不同的元素，因爲它不是一個孩子，所以它不能找到有利的東西。簡單的調試將顯示它。

使用.closest(".someClass")可以獲取您之後的元素，而不是.parent()。

或更改

var url = $(e.target)... 

到

var url = $(this)...