2014-12-24 1 views
-1

Я только что купил сценарий фильма, и я хочу что-то изменить, но я не знаю, как это сделать. Поэтому я надеюсь, что ты сможешь мне помочь.Javascript: Как перенаправить на другую страницу после нажатия play.png?

С помощью этого кода, когда кто-то нажимает «play.png», будет воспроизводиться трейлер. Тем не менее, я хочу перенаправить на другую страницу, когда они нажмут play.png. Как это сделать ?

Это HTML:

    <div id="trailer-mask" data-bind="click: showTrailer" data-src="{{ $title->trailer }}"> 
         <img class="img-responsive img-thumbnail" src="{{ $title->background }}"> 
         <div class="center"><img class="img-responsive" src="{{ asset('assets/images/play.png') }}"> </div> 
        </div> 

Это JavaScript:

showTrailer: function() { 
    var e = s("#trailer-mask"); 
    "default" == vars.trailersPlayer ? e.html('<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="' + e.data("src") + '?autoplay=1&iv_load_policy=3&modestbranding=1&rel=0" wmode="opaque" allowfullscreen="true"></iframe></div>') : (-1 != e.data("src").indexOf("youtube") ? videojs("trailer", { 
     techOrder: ["youtube"] 
    }).src(e.data("src")).play() : videojs("trailer", { 
     techOrder: ["html5", "flash"] 
    }).src(e.data("src")).play(), e.css("display", "none"), s("#trailer").css("display", "block"), s("#social").css("top", 0).css("left", 0), s("#lists").css("top", 0).css("right", 0), videojs("trailer").on("userinactive", function() { 
     s("#social").css("display", "none"), s("#lists").css("display", "none") 
    }), videojs("trailer").on("useractive", function() { 
     s("#social").css("display", "block"), s("#lists").css("display", "block") 
    })) 
}, 

С выше коде, если

ответ

0

Попробуйте

$(".img-responsive").click(function(){ 
    window.location.href = "http://your-website.com"; 
}); 
0

Просто запустите редирект при нажатии этот образ (который имеет класс с именем .img-responsive):

$(".img-responsive").click(function(){ 
    window.location = "http://www.go-to-link.com"; 
}); 
0

The Javascript Путь:

location.href="http://www.domain.com/"; 

Открыть в новой вкладке:

window.location("http://www.domain.com/"); 

The Way JQuery:

$(location).attr('href','http://www.domain.com/'); 
0

Вы можете сделать это в функции JS:

showTrailer: function() { 
    window.location.href = "http://yourDESIREDurl.com"; 
}, 

, если у вас есть динамически генерируемые DIV затем в Jquery вы можете использовать делегирование событий таким образом:

$(document).on('click', '.img-responsive', function(){ 
    window.location.href = "http://yourDESIREDurl.com"; 
}); 
Смежные вопросы