2015-04-19 5 views
1

У меня есть простой отзывчивый сайт, построенный с помощью бутстрапа Twitter.Вызов функции при загрузке страницы Javascript

У меня есть видео, сидящее в модальном, который называется и автоматически воспроизводится одним нажатием кнопки.

Я хочу вызвать свою функцию на загрузку страницы, а не на кнопку.

<a href="#" class="btn btn-default" data-toggle="modal" data-target="#videoModal" 
data-theVideo="https://www.youtube.com/embed/44H1gmn9tBA">VIDEO</a> 

<div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="videoModal" aria-hidden="true"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-body"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <div> 
       <iframe width="100%" height="350" src=""></iframe> 
      </div> 
     </div> 
    </div> 
</div> 

и .js

<script type="text/javascript"> 
    autoPlayYouTubeModal(); 
function autoPlayYouTubeModal() { 
    var trigger = $("body").find('[data-toggle="modal"]'); 
    trigger.click(function() { 
     var theModal = $(this).data("target"), 
      videoSRC = $(this).attr("data-theVideo"), 
      videoSRCauto = videoSRC + "?autoplay=1"; 
     $(theModal + ' iframe').attr('src', videoSRCauto); 
     $(theModal + ' button.close').click(function() { 
      $(theModal + ' iframe').attr('src', videoSRC); 
     }); 
     $('.modal').click(function() { 
      $(theModal + ' iframe').attr('src', videoSRC); 
     }); 
    }); 
    } 
</script> 

Все выше работ, как предполагалось, но я пытался сделать это (ниже) для того, чтобы вызвать функцию автозапуска при загрузке страницы.

<script> 
$("document").ready(function(){ 

$("#videoModal").trigger("click"); 
}); 
</script> 

Когда я вставить функцию видео modal.trigger в консоль возвращает модальность, но модальный и видео никогда не запускать.

Цените любую помощь.

+0

Должен '$ (" document ")' не быть '$ (document)'? – christopher

ответ

2

Это должно быть

$(function(){ 
     $('[data-toggle="modal"]').trigger("click"); 
}); 

Поскольку модальное окно click обработчик события, имеющий возможность автозапуска.

+0

Да, это было то, что мне было нужно за помощь. – Aloalo

+0

Добро пожаловать :) – mohamedrias