WedX - журнал о программировании и компьютерных науках

Импорт функции phpFox в SocialEngine

phpFox выпустил тему под названием «Туманность» версии 3.5.0. В этой теме есть кнопка в заголовке, и меню скользит вниз, когда пользователь нажимает кнопку. (На самом деле не кнопка, а div)

Я хочу добавить эту функцию в SocialEngine. Но код JavaScript содержит переменную phpFox, и я не знаю, к чему она относится. Я не так хорош в JavaScript.

HTML:

<div id="nb_features">
  <a href="#" id="nb_features_link">Features</a>
  <div id="nb_features_holder">
    Menu widget code will be added here...
  </div>                                
</div>

JavaScript:

$Behavior.customNebula = function(){

    $('#nb_features_link').click(function(){

        if ($(this).hasClass('nb_is_clicked')) {
            $(this).removeClass('nb_is_clicked');
            $('#nb_features_holder').slideUp('fast');
        } else {
            $(this).addClass('nb_is_clicked');
            $('#nb_features_holder').slideDown('fast');
        }

        return false;
    });
};

CSS:

#nb_features {
    position:absolute;
    top:0px;
    right:0px;
}

#nb_features_link,
#nb_features_link:hover {
    display:block;
    width:40px;
    height:40px;
    line-height:40px;   
    text-indent:-1000px;
    overflow:hidden;
    background:url(~/application/modules/Wonder/externals/images/nb_features_link.png') no-repeat;
    margin-top:-7px;
    margin-right:20px;
}

#nb_features_link:hover {
    background:#334d83 url(~/application/modules/Wonder/externals/images/nb_features_link.png') no-repeat;
}

#nb_features a.nb_is_clicked,
#nb_features a.nb_is_clicked:hover {
    background:#334d83 url(~/application/modules/Wonder/externals/images/nb_features_link.png') no-repeat;
}

#nb_features_holder {
    position:absolute;
    background:#4f4f4f;
    right:0px;
    width:980px;    
    border:1px #304779 solid;
    border-top:0px;
    display:none;
    margin-top:20px;
}

#nb_features_holder ul li a,
#nb_features_holder ul li a:hover {
    float:left;
    color:#fff;
    height:30px;
    line-height:30px;
    padding:0px 10px 0px 10px;
    text-decoration:none;
}

#nb_features_holder ul li a.menu_is_selected,
#nb_features_holder ul li a.menu_is_selected:hover {
    background:#009AEF;
    color:#fff;
}

#nb_features_holder ul li a:hover {
    background:#2F2F2F;
    -webkit-transition: all 0.50s ease;
    -moz-transition: all 0.50s ease;
    -o-transition: all 0.50s ease;      
}

Что мне нужно сделать, чтобы этот код работал с SocialEngine?


Ответы:


1

Ну, пространство имен $Behavior — это оболочка для события onLoad, это та переменная js, о которой вы говорили? Если это так, вы можете заменить его на более традиционный способ jquery/mootools/etc, и он, вероятно, будет работать, хотя вам придется правильно сопоставлять селекторы, не знаю, является ли опубликованный вами код всем, что вам нужно

28.03.2013
  • Это код, который работает на phpFox. Мне просто нужно знать, какие изменения нужно внести, чтобы этот код работал на SocialEngine. Когда я применяю это как виджет, я получаю эту ошибку в Chrome Debug: Uncaught ReferenceError: $Behavior не определен 29.03.2013
  • Да, именно об этом я и говорил, попробуйте заменить $Behavior на обычный обработчик document.ready, я не знаю, использует ли Social Engine JQuery, но если да, то это должно помочь api.jquery.com/ready 29.03.2013
  • Новые материалы

    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..

    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..

    Учебные заметки: создание моего первого пакета Node.js
    Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..

    Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
    Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..

    ИИ в аэрокосмической отрасли
    Каждый полет – это шаг вперед к великой мечте. Чтобы это происходило в их собственном темпе, необходима команда астронавтов для погони за космосом и команда технического обслуживания..


    Для любых предложений по сайту: [email protected]