0

ブートストラップバージョン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");ようになります。

ここに画像の説明を入力してください

問題は、それをどのように解決するかというアイデアです。

4

1 に答える 1

2

単に追加style="overflow: visible;"して<div class="tab-content" style="overflow: visible;">問題を解決しました:D

于 2012-10-15T21:52:18.010 に答える