2012-05-04 16 views
0

jqueryのappriseプラグインをオートコンプリート機能と併用しています。表示されているドロップダウンリストが正しく表示されていないことを除いて、正しく動作しています。私はそれがCSSのz-indexプロパティのためだと思った。しかし、私はそれに応じて変更し、それは動作しませんでした。誰もそれを作る方法に関するアイデアを持っているので、ドロップダウンリストはappriseボックスの内側に表示されますか?jquery apprise with autocomplete

おかげで、

ランス

$(".link").click(function(){ 
     apprise("<h1 class='notorious'>Link to what?</h1><div class='team_box' style='background-color:#ffffff;height:165px;'><div style='border-right:solid 1px #e4e4e4;color:#090127;width:200px;float:left;'><input type='radio' id='user' name='user'/> User <br /><input type='radio' id='current_team' name='current_team'/> Current Season Team <br /><input type='radio' id='past_team' name='past_team'/> Past Season Team <br /><input type='radio' id='season' name='season'/> Season <br /><input type='radio' id='current_player' name='current_player'/> Current Season Player <br /><input type='radio' id='past_player' name='past_player'/> Past Season Player <br /><input type='radio' id='all_star' name='all_star'/> All Star Game <br /><input type='radio' id='series' name='series'/> Series <br /></div><div id='belinda' style='float:left;margin-left:15px;'><input type='text' id='shadow' class='bar' style='display:none;'/></div></div>"); 

     jQuery('input[name=current_team]:radio').click(function(){ 
      $('#shadow').fadeIn('slow'); 

      var data = ["Baltimore Orioles", "New York Yankees", "Toronto Blue Jays", "Tampa Bay Rays", "Boston Red Sox", "Kansas City Royals", "Chicago White Sox", "Cleveland Indians", "Detroit Tigers", "Minnesota Twins", "Texas Rangers", "Seattle Mariners", "Oakland Athletics", "Los Angeles Angels", "Philadelphia Phillies", "Atlanta Braves", "New York Mets", "Washington Nationals", "Miami Marlins", "Cincinatti Reds", "Pittsburgh Pirates", "Chicago Cubs", "St. Louis Cardinals", "Houston Astros", "Milwaukee Brewers", "Los Angeles Dodgers", "Colorado Rockies", "Arizona Diamondbacks", "San Francisco Giants", "San Diego Padres"]; 

      $("#shadow").autocomplete({ 
       source: data 
      }); 
     }); 
    }); 
+1

作業するコードサンプルを含めることが常にベストです。ほとんどの人はhttp://jsfiddle.netを通して働くことを好む。 – magzalez

+0

この例はjsfiddleのhttp://jsfiddle.net/M83sF/で見つけることができます – Lance

答えて

0

のz-indexが問題です。 10000000000という値が有効です。