Для пропуска выполнения кода требуется модификация jquery

0

Я использую этот прекрасный плагин jquery

http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/

Он загружает весь ваш сайт, включая изображения, перед его отображением. Он работает отлично. То, что я хотел сделать, это добавить небольшую кнопку пропуска, которая пропустит скрипт и перейдет на страницу без предварительной загрузки для людей, которые слишком нетерпеливы.

//create the skip button
this.skipbutton = $("<div id='skip'><a href='#' id='skipbut'>SKIP</a></div>").css({
    height: 20 + "px",
    marginTop: "-" + (this.parent.options.barHeight / 2) + "px",
    Color: this.parent.options.barColor,
    width: "0%",
    position: "absolute",
    top: "70%",
    left: "50%"
}).appendTo(this.container);

Я хотел теперь знать, как пропустить это. Я не думал, что функция stop() будет работать для этого?

//skip function
$("#skipbut").click(function(){
        //insert code here
});

ТАК Любая помощь в правильном направлении была бы высоко оценена. Огромное спасибо заранее :-)

  • 0
    если вы связываете щелчок скипбутом до создания кнопки, она не будет работать
  • 0
    нет, я поставил функцию щелчка скипбута прямо в конце
Теги:
jquery-plugins

2 ответа

0
Лучший ответ

Я нашел очень простое решение, хотя я признаю его не идеальным, но мне пришлось быстро двигаться

Я сделал еще один клон страницы без предварительного загрузчика и связал действие перенаправления с кнопкой пропуска.

SO технически он загрузил клон страницы без предварительного загрузчика. Прекрасно работает, но не так, как хотелось бы.

Поделиться
0

Одно из возможных решений - вы можете установить для этого локальное хранилище и перезагрузить страницу:

$("body").on('click','#skipbut',function(){       
     localStorage.setItem("load","true");
     location.reload();
});

И проверьте это, когда вы загружаете свой плагин, примерно так:

$(document).ready(function () {
     if( localStorage.getItem("load")=="true" ){             
         // if local storage is set skip the loader 
         localStorage.removeItem("load");
     }else{
         // if localstorage is not present use the loader
         $("body").queryLoader2();
     }
});

Надеюсь, он пролил свет.

Поделиться
  • 0
    Привет, мистер Тяги. Спасибо, но это не сработало. Кнопка пропуска все еще довольно мертвая :). Как вы думаете, возможно ли, что созданная мной кнопка пропуска не обнаруживает функцию щелчка? хотя я дал ему правильный идентификатор и # в передней части $ ("# skipbut"). click (function () {
  • 0
    Попробуйте это у меня обновить код
Показать ещё 5 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню