Я не могу заставить jScrollPane jQuery работать! :(

Question

О, разочарование!

Я буквально был самым разочарование утром когда-либо. Я провел 4 с половиной часа, пытаясь получить эту работу.

плагин JQuery в вопросе JScrollPane : http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

Моя веб-страница http://furnace.howcode.com - пожалуйста, просто игнорировать тестовые данные там во время разработки;)

Так что, если вы посмотрите на источник, вы увидите следующее:

jQuery(document).ready(function() { 
    $('#newesttab').addClass('selectedtab'); 
    $('#col2').addClass('newestcol'); 
    $("#ajaxresults").fadeOut("slow", function() { 
     $.ajax({ 
      url: "<?php echo site_url('code/newest'); ?>", 
      success: function(msg) { 
       $('#ajaxresults').html(msg); 
       $("#ajaxresults").fadeIn("fast"); 
       $('#col2').jScrollPane(); 
      } 
     }) 
    }); 

Линия $('#col2').jScrollPane(); - это линия, предназначенная для запуска триггера jScrollPane. Это происходит ... но, как вы можете видеть с сайта, половина div отключена. Я работал, потому что # col2 имеет margin-left: 160px, поэтому он отключается на полпути. Но, когда я пытаюсь использовать обходной путь, это нарушает остальную часть моей структуры страницы.

Вторая проблема заключается в том, что если я попытаюсь применить jScrollPane на любом другом div, я просто не получаю никакого эффекта. Я попытался положить # col2 в обертку, #col2wrapper и применить его к этому, но ничего не получилось. Это неправильно.

Если кто-нибудь сможет это исправить, я буду так безумно рад, что я дам им виртуальные пять-пять и другие благодарные вещи.

Спасибо!

Джек

Answer 1

Я думаю, что это больше проблем, связанных с CSS jScrollPane.css,

Проблема ширина jScrollPaneContainer. Посмотрите в Firebug, что он делает (если вы его не используете, пересмотрите это, вы видели в 5 минут, я смог идентифицировать проблему, не зная ваш код до ^^). Попытайтесь удалить позицию: относительный jScrollPaneContainer и позицию: относительный в # col2, и он должен работать легче.

Редактировать: Simpler: просто удалить переполнение: скрыто; из класса jScrollPaneContainer, и он будет делать трюк.