почему панель показывает больше места слева при вставке списка?

Question

почему панель показывает больше места слева при вставке списка?

0

Я делаю левую панель в этой скрипке. Это палка с левой стороной. Пожалуйста, проверьте изображение. http://jsfiddle.net/eHded/1676/show/ Теперь я использовал этот плагин (вставить вложенный список) http://dbushell.com/2012/06/17/nestable-jquery-plugin/

Он показывает больше места с левой стороны. И когда экран становится маленьким, он также отображает часть списка.check(images). Я не знаю, почему это происходит? это связано с конфликтом css?

http://jsfiddle.net/Nm5br/1/

$('.slider-arrow').click(function(){
    var newWidth = $(this).parent().width() * 0.8;

    if($(this).hasClass('show')){        
    $( ".slider-arrow, .panel" ).animate({            
      left: "+=" + String(newWidth)
      }, 700, function() {
        // Animation complete.
      });
      $(this).html('&laquo;').removeClass('show').addClass('hide');
    }
    else {      
    $( ".slider-arrow, .panel" ).animate({
      left: "-=" + String(newWidth)
      }, 700, function() {
        // Animation complete.
      });
      $(this).html('&raquo;').removeClass('hide').addClass('show');    
    }
});

Он не должен отображать ничего, когда панель закрыта.

Chase 30 апр. 2014, в 03:05

Источник

Теги:

javascript

jquery

css

1 ответ

Ещё вопросы

Chase · Accepted Answer · 2014-04-29T23-51-00.000Z

Там набивка на теге тела. Изменить:

body { font-size: 100%; margin: 0; padding: 1.75em; font-family: 'Helvetica Neue', Arial, sans-serif; }

в

body { font-size: 100%; margin: 0; padding: 1.75em 0; font-family: 'Helvetica Neue', Arial, sans-serif; }

обновленный пример: http://jsfiddle.net/ChaseWest/Nm5br/4/

Однако, снова взглянув на изображения, если вы хотите сохранить отступы, вы можете добавить margin-right: 30px; к классу dd-item.

Обновлено с использованием margin-right: http://jsfiddle.net/ChaseWest/Nm5br/6/

И, редактируя отступы на теле до 0.50em, вы получаете то, что более близко напоминает ваш первый образ: http://jsfiddle.net/ChaseWest/Nm5br/7/