2011-07-07 1 views
0

Я создаю скрипт, который создает блокиратор содержимого после X минут. Проблема заключается в том, что содержимое в подобном баттоне не будет отображаться. Модальное всплывающее окно отображается отлично, как и заголовок и инструкции. Просто не понравилось содержание Button. Если я заберу блок кода из таймера, он будет работать. Я немного запутался. Любая идея, что происходит?Отсутствует путаница элементов

var title   = 'Please Press Like'; 
var instructions = 'Like our videos? Join our fanpage. It takes 1 second.'; 
var lockDelay  = 100; // 1200000 = 20 Minutes 

/* STOP EDITING */ 
var boxy; 

$(document).ready(function() { 
    // Create the like button 
    setTimeout(function() { 
     // Create the like button 
     var likeButton = '<div id="likeButton"><fb:like href="" send="false" layout="box_count" width="70" show_faces="false" font=""></fb:like></div>'; 

     // Display the modal 
     boxy = new Boxy('<p id="instructions">' + instructions + '</p>' + likeButton, { 
      title: title, 
      modal: true, 
      closeable: false, 
     }); 
    }, lockDelay); 

    // Close modal after user likes 
    $('#likeButton').mouseover(function() { 
     setTimeout(function() {boxy.hide()}, 3000); 
    }); 
}); 

ответ

1

Попробуйте

var title   = 'Please Press Like'; 
var instructions = 'Like our videos? Join our fanpage. It takes 1 second.'; 
var lockDelay  = 100; // 1200000 = 20 Minutes 

/* STOP EDITING */ 
var boxy; 

$(document).ready(function() { 
    // Create the like button 
    setTimeout(function() { 
     // Create the like button 
     var likeButton = '<div id="likeButton"><fb:like href="" send="false" layout="box_count" width="70" show_faces="false" font=""></fb:like></div>'; 

     // Display the modal 
     boxy = new Boxy('<p id="instructions">' + instructions + '</p>' + likeButton, { 
      title: title, 
      modal: true, 
      closeable: false, 
     }); 

     // Close modal after user likes 
     $('#likeButton').mouseover(function() { 
      setTimeout(function() {boxy.hide()}, 3000); 
     }); 
    }, lockDelay); 

}); 
+0

Ровно. Функция анонимных создает кнопку после 100 мс. Скрипт фактически пытается привязать событие до создания элемента, поэтому он не работает, поскольку элемент не существует. – usoban

+0

Я не думаю, что перемещение мыши будет иметь значение, поскольку событие mouseover скрывает модальное, а не содержимое в переменной likeButton. Я пробовал, и это не сработало. –

+0

@usoban, меняя его на 10 секунд, не имеет никакого значения, он все еще не работает. –

 Смежные вопросы

  • Нет связанных вопросов^_^