ブートストラップバージョン2.1.1の使用最後に選択したものの使用
選択したものがタブのコンテンツ内で再表示され、タブのコンテンツdivとスクロールバー内に空白スペースが作成されるときに、視覚的な不具合を実験しています。
Jqueryコード
$('.chzn-select').chosen();
<?php if(!empty($data_which_depends_the _chosen)){ ?>
$.ajax({
url: '<?php echo(site_url("/url_to_get_the_data/")); ?>',
dataType: 'json',
type: 'POST',
data: {
l: <?php echo($data_which_depends_the _chosen); ?>,
<?php echo $this->security->get_csrf_token_name()?>: '<?php echo $this->security->get_csrf_hash()?>'
},
success: setChosenOptions
});
<?php } ?>
..。
var setChosenOptions = function(data)
{
$("select[name='numChosen[]']").children().remove();
if(data !== null)
{
$.each(data.data, function(i,item){
<?php if(!$readOnly){ ?>
$("select[name='numChosen[]']").append('<option value="' + item.ids + '">' + item.number + '</option>');
<?php }else{ ?>
$("select[name='numChosen[]']").append('<option disabled="disabled" value="' + item.ids + '">' + item.number + '</option>');
<?php } ?>
});
$.ajax({
url: '<?php echo(site_url("/url_to_get_other_data/")); ?>',
dataType: 'json',
type: 'POST',
data: {
l: '<?php echo($data_which_depends_the _chosen); ?>',
<?php echo $this->security->get_csrf_token_name()?>: '<?php echo $this->security->get_csrf_hash()?>'
},
success: function(data){
if(data !== null)
{
$.each(data.data, function(i,item){
if($("select[name='numChosen[]']").find("option[value=" + item.ids + "]").length)
$("select[name='numChosen[]']").find("option[value=" + item.ids + "]").attr('selected','selected');
else
$("select[name='numChosen[]']").append('<option selected="selected" disabled="disabled" value="' + item.ids + '">' + item.number + '</option>');
});
}
$("select[name='numChosen[]']").trigger("liszt:updated");
}
});
}
}
が呼び出されたときにすべての問題が発生し、次の$("select[name='numChosen[]']").trigger("liszt:updated");ようになります。
問題は、それをどのように解決するかというアイデアです。