簡單的jQuery選擇不鉻

工作，所以我對（http://clubmoving-wp.punct.ro/）這個腳本：簡單的jQuery選擇不鉻

$('#scheduleBox .selectCity select option').click(function() { 
     var cityToShow = $(this).attr('value'); 
     switch(cityToShow) { 
      case '0': 
       $('.bucuresti, .cluj, .otopeni, .iasi').show(); 
       break; 
      case '1': 
       $('.cluj, .otopeni, .iasi').hide(); 
       $('.bucuresti').show(); 
       break; 
      case '2': 
       $('.cluj, .bucuresti, .iasi').hide(); 
       $('.otopeni').show(); 
       break; 
      case '3': 
       $('.bucuresti, .otopeni, .iasi').hide(); 
       $('.cluj').show(); 
       break; 
      case '4': 
       $('.bucuresti, .otopeni, .cluj').hide(); 
       $('.iasi').show(); 
       break; 
     }; 
    });

需要顯示或隱藏市活動。它工作得很好，在FF，但沒有鉻

實際腳本是在gears.js

謝謝

來源

2013-07-19 Vlad

你可以讓小提琴複製這個問題嗎？ – tymeJV

解決了，Chrome不知道點擊選項，只有父母選擇，並從選擇而不是選項值等獲得val等。解決，謝謝 – Vlad

，你應該使用'change'而不是'點擊' – DevlshOne

$('#scheduleBox').on('change', '.selectCity', (function() { 
     var cityToShow = $('option:selected', this).val(); 
     switch(cityToShow) { 
      case '0': 
       $('.bucuresti, .cluj, .otopeni, .iasi').show(); 
       break; 
      case '1': 
       $('.cluj, .otopeni, .iasi').hide(); 
       $('.bucuresti').show(); 
       break; 
      case '2': 
       $('.cluj, .bucuresti, .iasi').hide(); 
       $('.otopeni').show(); 
       break; 
      case '3': 
       $('.bucuresti, .otopeni, .iasi').hide(); 
       $('.cluj').show(); 
       break; 
      case '4': 
       $('.bucuresti, .otopeni, .cluj').hide(); 
       $('.iasi').show(); 
       break; 
     }; 
    });

做以下修改，你應該是好去！

來源

2013-07-19 13:16:35 DevlshOne

簡單的jQuery選擇不鉻

回答

相關問題