Я использую jquery для динамического fadeIn контента, основанного на победителях серии баскетбола. Так, например, давайте выйдем на финальные финалы конференции в НБА. Это лучшая из семи серий. Первая команда, выигравшая четыре игры, выигрывает серию. Итак, если для первого входного тега пользователь выбирает Chicago Bulls в качестве победителя. Для второй игры пользователь выбирает Miami Heat в качестве победителя. Основываясь на этих результатах, jquery должен будет затухать в дополнительном теге ввода, потому что, очевидно, серия будет состоять как минимум в 5 играх.динамически fadeIn html на основе значений
Это очень простой. Но, есть ли у кого-нибудь пищу для размышлений о том, как это сделать, чтобы, если бы клиент должен был вернуться и отредактировать победителей игр, он бы постепенно их угасал. Я могу сделать это, используя множество условных утверждений, но мне очень хотелось бы получить пищу для размышлений, поскольку она относится к более эффективному подходу.
<script type="text/javascript">
$(document).ready(function(){
var data = <?php echo $teamone_ac; ?>;
var soulja = <?php echo $teamtwo_ac; ?>;
var away_team_other = $('.away_team_other').html();
var home_team_other = $('.home_team_other').html();
var away_team_wild = $('.away_team_wild').html();
var home_team_wild = $('.home_team_wild').html();
$("#game_one_other").autocomplete({ source: data });
$("#game_two_other").autocomplete({
source: data,
select: function(event, ui)
{
var game_one_other = $('#game_one_other').val();
var game_two_other = ui.item.value;
var game_three_other = $('#game_two_other').val();
var arr = [game_one_other, game_two_other, game_three_other, game_four_other, game_five_other];
var away = away_team_other;
var home = away_home_other;
var numAway = $.grep(arr, function (elem) {
return elem === away;
}).length;
var numHome = $.grep(arr, function (elem) {
return elem === home;
}).length;
if(game_one_other != game_two_other)
{
$('#one_four').fadeIn('slow');
}
}
});
$("#game_three_other").autocomplete({
source: data,
select: function(event, ui)
{
var game_one_other = $('#game_one_other').val();
var game_two_other = $('#game_two_other').val();
var game_three_other = ui.item.value;
if(game_two_other == game_three_other && game_two_other != game_one_other)
{
$('#one_four').fadeIn('slow');
}
}
});
$("#game_one_wild").autocomplete({ source: soulja });
$("#game_two_wild").autocomplete({ source: soulja });
$("#game_three_wild").autocomplete({ source: soulja });
$('#one_four').hide();
$('#one_five').hide();
$('#two_four').hide();
$('#two_five').hide();
});
У вас есть рабочий пример, чтобы лучше проиллюстрировать идею? –
Я отправлю код – Lance
Yuck. Давайте не будем этого делать и скажем, что сделали. –