2014-02-14 85 views
0

我已經創建了一個精簡版的小提琴代碼。即使使用Slim版本,我也無法使我的JQuery在Safari或Chrome中工作?適用於Firefox的罰款..JQuery不適用於Safari或Chrome

到這裏看看:http://jsfiddle.net/7wAja/

我做得不對jQuery(document).ready(function ($) {});

我想不通爲什麼連點擊/警報將不工作,要麼是我認爲這是該行?

任何幫助將不勝感激,我仍然是一個newb當涉及到jQuery或Javascript。

編輯: 我的目標是選項值添加到URL,隨着中說,這是我有什麼,但是這也不或小提琴在Chrome或Safari和Im工作對我來說不知道這是否是我做錯了什麼:

jQuery(document).ready(function($) { 

    $("#landing-select option").click(function(){ 
     window.location.search = $(this).val(); 

     }); 
}); 

回答

1

我發現的最簡單的方法就是這樣做

jQuery(document).ready(function ($) { 

    $('#landing-select').change(function() { 
     alert($(this).val()); 
    }); 

}); 

如果要追加此的URL,你可以做以下

jQuery(document).ready(function ($) { 

    $('#landing-select').change(function() { 
     url = window.location.href; 
     url += '?'+$(this).val(); 
     window.location.href = url; 
    }); 

}); 
+0

謝謝,謝謝 - 這工作! – Derek

1

不知道你想完成什麼,但選項元素不會觸發點擊事件。以下作品(選擇元件上鼠標按下)

jQuery(document).ready(function ($) { 
    $('#landing-select').mousedown(function() { 
     alert('event triggered'); 
    }); 
}); 
+0

我編輯我的問題表現出什麼,我其實是想用它做,我只是做了小提琴,看看我是否能事件得到警報觸發,但沒有我在做什麼似乎工作:( – Derek

1

您需要添加多個選擇火災選項單擊事件:

<select id="landing-select" class="select" name="items" multiple="multiple"> 
1

相反監測的點擊,爲什麼不只是做一個.change()事件?

jQuery(document).ready(function ($) { 
    $('#landing-select').change(function() { 
     alert($('#landing-select').val()); 
    }); 
}); 

如果你真的有,你只是想開槍特定選項的情況下,你總是可以做到這一點:

jQuery(document).ready(function ($) { 
    $('#landing-select').change(function() { 
     if($('#landing-select').val() == "Option 1"){ 
      alert("Option 1 specific stuff."); 
     } 
    }); 
}); 

併爲您的編輯更新:

jQuery(document).ready(function($) { 

    $('#landing-select').change(function() { 
     window.location.search = $('#landing-select').val(); 
    }); 
}); 
相關問題