jquery.mb.YTPlayer.js在使用InstantClick.js加载初始页面后无法工作
在用jquery.mb.YTPlayer.js加载初始页面之后，有什么办法使InstantClick.js工作吗？
该插件在初始页面加载时运行良好，但之后就不再工作了。
下面是我最初是如何初始化它的，它在加载页面时工作得很好，但在进一步导航之后就不会了：
app.js
InstantClick.on('change', function() {
$(".player").mb_YTPlayer();
});然后，我花了几个小时试图调试，最后得到了这样的结果：
app.js
InstantClick.on('change', function() {
if ($(".mbYTP_wrapper")[0]){
$(".player").playerDestroy();
console.log('destroyed');
}
if (window.YT) {
console.log(window.YT);
}
$(".player").mb_YTPlayer();
});在jquery.mb.YTPlayer.js中，我尝试将其添加到.playerDestroy中：
playerDestroy: function () {
jQuery("#YTAPI").remove();
}在初始页面加载对象时，window.YT当然不存在，但是在第一个页面导航之后，我得到1个对象，然后得到2个对象，然后得到3个对象等等。下面的图片是在4页导航之后，10个window.YT对象。
Stack Overflow用户
发布于 2015-03-23 12:02:30
我检查了您使用的两个插件，并得出结论，问题在于您的代码被重新加载到每个导航上。
要解决这个问题，请尝试对只需要加载一次的脚本使用data-no-instant属性。这可能包括以下方面：
Youtube小部件：
<script type="text/javascript" id="www-widgetapi-script" src="https://s.ytimg.com/yts/jsbin/www-widgetapi-vflr-TgN1/www-widgetapi.js" async="" data-no-instant></script>Youtube API：<script src="https://www.youtube.com/player_api?v=2.7.6" id="YTAPI" data-no-instant></script>JQuery库：<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.js" data-no-instant></script>YT播放器插件：<script type="text/javascript" src="inc/jquery.mb.YTPlayer.js" data-no-instant></script>InstantClick插件：<script src="instantclick.min.js" data-no-instant></script>将以下代码也放入内部：<script data-no-instant></script>
还摧毁你的YT播放器实例的鼠标和触屏事件。
$(body).on('mouseup touchend',".player",function(){
$(".player").playerDestroy();
});并在InstantClick事件change上重新输入YT播放器。
InstantClick.on('change',function(){
$(".player").mb_YTPlayer();
});如果你这样做，我认为这个问题应该解决。
https://stackoverflow.com/questions/29164551
复制相似问题
腾讯云开发者
