我有一个奇怪的问题,我试图开发自己的学习网站,我已经制作了一个脚本,在视频旁边显示文字说明。问题是监听器随机显示错误的文本部分。这只发生在IE和Chrome中,在firefox中没有问题
链接:http://instantchange.no/hold-balance-i-dit-liv-ledere/
(在8:45观看,它将跳到上一个文本字符串)
JS代码如下
var texts = {
20000: "<b>3-deling</b>",
27000: "<b>”Der er jo aldrig plads til mig”</b> </br> 3-deling",
48000: "<b>Jo, der ER plads til dig i dit liv</b> </br> ”Der er jo aldrig plads til mig” </br> 3-deling",
70000: "<b>Timer på job/studie/andet</b>",
80000: "<b>Faglitteratur,</b> Timer på job/studie/andet",
82000: "<b>Netværksmøder,</b> Faglitteratur, Timer på job/studie/andet",
84000: "<b>Messer,</b> Netværksmøder, Faglitteratur, Timer på job/studie/andet",
112000: "<b>Dem der kommer tæt på,</b>Messer, Netværksmøder, Faglitteratur, Timer på job/studie/andet",
130000: "<b>Sundhed,</b> Dem der kommer tæt på, Messer, Netværksmøder, Faglitteratur, Timer på job/studie/andet",
135000: "<b>Kæresteliv,</b> Sundhed, Dem der kommer tæt på, Messer, Netværksmøder, Faglitteratur, Timer på job/studie/andet",
137000: "<b>Børn, forældre,</b> Kæresteliv, Sundhed, Dem der kommer tæt på, Messer, Netværksmøder, Faglitteratur, Timer på job/studie/andet",
145000: "<b>Dig selv,</b> Børn, forældre, Kæresteliv, Sundhed, Dem der kommer tæt på, Messer, Netværksmøder, Faglitteratur, Timer på job/studie/andet",
147000: "<b>Søvn,</b> Dig selv, Børn, forældre, Kæresteliv, Sundhed, Dem der kommer tæt på, Messer, Netværksmøder, Faglitteratur, Timer på job/studie/andet",
150000: "<b>Kost,</b> Søvn, Dig selv, Børn, forældre, Kæresteliv, Sundhed, Dem der kommer tæt på, Messer, Netværksmøder, Faglitteratur, Timer på job/studie/andet",
180000: "<b>Kusiner/fætre,</b> Kost, Søvn, Dig selv, Børn, forældre, Kæresteliv, Sundhed, Dem der kommer tæt på, Messer, Netværksmøder, Faglitteratur, Timer på job/studie/andet",
185000: "<b>Foreninger,</b> Kusiner/fætre, Kost, Søvn, Dig selv, Børn, forældre, Kæresteliv, Sundhed, Dem der kommer tæt på, Messer, Netværksmøder, Faglitteratur, Timer på job/studie/andet",
190000: "<b>Naboer,</b> Foreninger, Kusiner/fætre, Kost, Søvn, Dig selv, Børn, forældre, Kæresteliv, Sundhed, Dem der kommer tæt på, Messer, Netværksmøder, Faglitteratur, Timer på job/studie/andet",
215000: "<b>Skille P og S,</b> Naboer, Foreninger, Kusiner/fætre, Kost, Søvn, Dig selv, Børn, forældre, Kæresteliv, Sundhed, Dem der kommer tæt på, Messer, Netværksmøder, Faglitteratur, Timer på job/studie/andet",
270000: "<b>Tegn ”lige her og nu”</b>",
525000: "<b>Ja! ... Tillykke!</b>",
532000: "<b>Nej! ... tegn så din ønskede vægtning</b> </br> Ja! ... Tillykke!",
350000: "<b>Tegn det, du gerne vil have</b> </br> Nej! ... tegn så din ønskede vægtning </br> Ja! ... Tillykke!",
395000: "<b>Hvad skal de enkelte elementer indeholde?</b> </br> Tegn det, du gerne vil have </br> Nej! ... tegn så din ønskede vægtning </br> Ja! ... Tillykke!",
420000: "<b>Det kan være svært at vælge fra</b> </br> Hvad skal de enkelte elementer indeholde? </br> Tegn det, du gerne vil have </br> Nej! ... tegn så din ønskede vægtning </br> Ja! ... Tillykke!",
505000: "<b>Vægtningen er ok, men indholdet skal forandres</b> </br> Det kan være svært at vælge fra </br> Hvad skal de enkelte elementer indeholde? </br> Tegn det, du gerne vil have </br> Nej! ... tegn så din ønskede vægtning </br> Ja! ... Tillykke!",
530000: "<b>Giver mennesker og aktiviteter mig det, som jeg ønsker?</b> </br> Vægtningen er ok, men indholdet skal forandres </br> Det kan være svært at vælge fra </br> Hvad skal de enkelte elementer indeholde? </br> Tegn det, du gerne vil have </br> Nej! ... tegn så din ønskede vægtning </br> Ja! ... Tillykke!",
540000: "<b>Bidrager mennesker og aktiviteter positivt?</b> </br> Giver mennesker og aktiviteter mig det, som jeg ønsker? </br> Vægtningen er ok, men indholdet skal forandres </br> Det kan være svært at vælge fra </br> Hvad skal de enkelte elementer indeholde? </br> Tegn det, du gerne vil have </br> Nej! ... tegn så din ønskede vægtning </br> Ja! ... Tillykke!",
595000: "<b>Hvad er det vigtigste i mit arbejdsliv overhovedet?</b> </br> Bidrager mennesker og aktiviteter positivt? </br> Giver mennesker og aktiviteter mig det, som jeg ønsker? </br> Vægtningen er ok, men indholdet skal forandres </br> Det kan være svært at vælge fra </br> Hvad skal de enkelte elementer indeholde? </br> Tegn det, du gerne vil have </br> Nej! ... tegn så din ønskede vægtning </br> Ja! ... Tillykke!",
625000: "<b>Hvad vil du undre ingen omstændigheder undvære?</b> </br> Hvad er det vigtigste i mit arbejdsliv overhovedet? </br> Bidrager mennesker og aktiviteter positivt? </br> Giver mennesker og aktiviteter mig det, som jeg ønsker? </br> Vægtningen er ok, men indholdet skal forandres </br> Det kan være svært at vælge fra </br> Hvad skal de enkelte elementer indeholde? </br> Tegn det, du gerne vil have </br> Nej! ... tegn så din ønskede vægtning </br> Ja! ... Tillykke!",
640000: "<b>Samme spørgsmål for P og S</b> </br> Hvad vil du undre ingen omstændigheder undvære? </br> Hvad er det vigtigste i mit arbejdsliv overhovedet? </br> Bidrager mennesker og aktiviteter positivt? </br> Giver mennesker og aktiviteter mig det, som jeg ønsker? </br> Vægtningen er ok, men indholdet skal forandres </br> Det kan være svært at vælge fra </br> Hvad skal de enkelte elementer indeholde? </br> Tegn det, du gerne vil have </br> Nej! ... tegn så din ønskede vægtning </br> Ja! ... Tillykke!",
665000: "<b>Balancen skifter hele tiden </b>",
735000: "<b>Forebygger stress!</b> </br> Balancen skifter hele tiden",
773000: "<b>Dele arbejdslivet op</b>",
833000: "<b>Hvilke opgaver er der i min ledergerning? </b> </br> Dele arbejdslivet op",
843000: "<b>Hvad er det for driftsopgaver, jeg har/løser?</b> </br> Hvilke opgaver er der i min ledergerning? </br> Dele arbejdslivet op",
898000: "<b>Balancetjek ved medarbejderudviklingssamtaler?</b> </br> Hvad er det for driftsopgaver, jeg har/løser? </br> Hvilke opgaver er der i min ledergerning? </br> Dele arbejdslivet op"
};
var jqTextBox;
var updateText = function(seconds) {
var milliseconds = seconds * 1000;
var newText = "";
for (var index in texts) {
if (index < milliseconds) {
newText = texts[index];
}
}
jqTextBox.html(newText);
};
function onPlayProgress(data, id) {
updateText(data.seconds);
}
$(function() {
jqTextBox = $('#txtBox');
var player = $f($('.change')[0]);
// When the player is ready, add listeners for pause, finish, and playProgress
player.addEvent('ready', function() {
player.addEvent('playProgress', onPlayProgress);
});
var status = $('.status');
// Call the API when a button is pressed
$('button').bind('click', function() {
player.api($(this).text().toLowerCase());
});
});
&#13;
<iframe class="embed-responsive-item change" src="https://player.vimeo.com/video/129963611?color=f87710&title=0&api=1" width="300" height="150" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<span id="txtBox" class="handwriting"></span>
&#13;
如果你知道发生了什么,请告诉我
答案 0 :(得分:0)
终于找到了答案
1)我搞砸了订购数组的顺序
2)Firefox加载了与Chrome和IE不同的对象
现在就像魅力一样!