나는 내 website에 기타 코드를 조바꿈하기 위해 jQuery를 사용하고 있지만 인터넷 익스플로러에서는 작동하지 않고 다른 모든 브라우저에서만 사용할 수 있습니다. 도와주세요.jquery가 Internet Explorer에서 작동하지 않습니까?
0
A
답변
0
Im 99.9999999 확실히 jQuery가 아닙니다. Internet Explorer는 JavaScript 구문 허용 오차에있어 좀 더 까다 롭습니다. 예를 들어 JS 코드에 쉼표가있는 경우 Chrome 및 FireFix에서 무시할 수 있지만 Internet Explorer는 충돌합니다.
우리는 귀하의 문제를 이해하는 데 도움이되는 몇 가지 코드 또는 적어도 오류 메시지를 제공해야합니다.
0
나는 JS 코드를 절대 건드리지 않았다. 나는 그것을 복사하여 적절한 폴더에 붙여 넣기 만했다. 내가 http://codegavin.com/projects/transposer에서 다운로드 플러그인에서 온,하지만 여기에 jquery.transposer.js 코드입니다 : 이것은 화음이 페이지에 넣어 내 코드
/*!
* jQuery Chord Transposer plugin v1.0
* http://codegavin.com/projects/transposer
*
* Copyright 2010, Jesse Gavin
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://codegavin.com/license
*
* Date: Sat Jun 26 21:27:00 2010 -0600
*/
(function($) {
$.fn.transpose = function(options) {
var opts = $.extend({}, $.fn.transpose.defaults, options);
var currentKey = null;
var keys = [
{ name: 'Ab', value: 0, type: 'F' },
{ name: 'A', value: 1, type: 'N' },
{ name: 'A#', value: 2, type: 'S' },
{ name: 'Bb', value: 2, type: 'F' },
{ name: 'B', value: 3, type: 'N' },
{ name: 'C', value: 4, type: 'N' },
{ name: 'C#', value: 5, type: 'S' },
{ name: 'Db', value: 5, type: 'F' },
{ name: 'D', value: 6, type: 'N' },
{ name: 'D#', value: 7, type: 'S' },
{ name: 'Eb', value: 7, type: 'F' },
{ name: 'E', value: 8, type: 'N' },
{ name: 'F', value: 9, type: 'N' },
{ name: 'F#', value: 10, type: 'S' },
{ name: 'Gb', value: 10, type: 'F' },
{ name: 'G', value: 11, type: 'N' },
{ name: 'G#', value: 0, type: 'S' }
];
var getKeyByName = function (name) {
if (name.charAt(name.length-1) == "m") {
name = name.substring(0, name.length-1);
}
for (var i = 0; i < keys.length; i++) {
if (name == keys[i].name) {
return keys[i];
}
}
};
var getChordRoot = function (input) {
if (input.length > 1 && (input.charAt(1) == "b" || input.charAt(1) == "#"))
return input.substr(0, 2);
else
return input.substr(0, 1);
};
var getNewKey = function (oldKey, delta, targetKey) {
var keyValue = getKeyByName(oldKey).value + delta;
if (keyValue > 11) {
keyValue -= 12;
} else if (keyValue < 0) {
keyValue += 12;
}
var i=0;
if (keyValue == 0 || keyValue == 2 || keyValue == 5 || keyValue == 7 || keyValue == 10) {
// Return the Flat or Sharp Key
switch(targetKey.name) {
case "A":
case "A#":
case "B":
case "C":
case "C#":
case "D":
case "D#":
case "E":
case "F#":
case "G":
case "G#":
for (;i<keys.length;i++) {
if (keys[i].value == keyValue && keys[i].type == "S") {
return keys[i];
}
}
default:
for (;i<keys.length;i++) {
if (keys[i].value == keyValue && keys[i].type == "F") {
return keys[i];
}
}
}
}
else {
// Return the Natural Key
for (;i<keys.length;i++) {
if (keys[i].value == keyValue) {
return keys[i];
}
}
}
};
var getChordType = function (key) {
switch (key.charAt(key.length - 1)) {
case "b":
return "F";
case "#":
return "S";
default:
return "N";
}
};
var getDelta = function (oldIndex, newIndex) {
if (oldIndex > newIndex)
return 0 - (oldIndex - newIndex);
else if (oldIndex < newIndex)
return 0 + (newIndex - oldIndex);
else
return 0;
};
var transposeSong = function (target, key) {
var newKey = getKeyByName(key);
if (currentKey.name == newKey.name) {
return;
}
var delta = getDelta(currentKey.value, newKey.value);
$("span.c", target).each(function (i, el) {
transposeChord(el, delta, newKey);
});
currentKey = newKey;
};
var transposeChord = function (selector, delta, targetKey) {
var el = $(selector);
var oldChord = el.text();
var oldChordRoot = getChordRoot(oldChord);
var newChordRoot = getNewKey(oldChordRoot, delta, targetKey);
var newChord = newChordRoot.name + oldChord.substr(oldChordRoot.length);
el.text(newChord);
var sib = el[0].nextSibling;
if (sib && sib.nodeType == 3 && sib.nodeValue.length > 0 && sib.nodeValue.charAt(0) != "/") {
var wsLength = getNewWhiteSpaceLength(oldChord.length, newChord.length, sib.nodeValue.length);
sib.nodeValue = makeString(" ", wsLength);
}
};
var getNewWhiteSpaceLength = function (a, b, c) {
if (a > b)
return (c + (a - b));
else if (a < b)
return (c - (b - a));
else
return c;
};
var makeString = function (s, repeat) {
var o = [];
for (var i = 0; i < repeat; i++) o.push(s);
return o.join("");
}
var isChordLine = function (input) {
var tokens = input.replace(/\s+/, " ").split(" ");
// Try to find tokens that aren't chords
// if we find one we know that this line is not a 'chord' line.
for (var i = 0; i < tokens.length; i++) {
if (!$.trim(tokens[i]).length == 0 && !tokens[i].match(opts.chordRegex))
return false;
}
return true;
};
var wrapChords = function (input) {
return input.replace(opts.chordReplaceRegex, "<span class='c'>$1</span>");
};
return $(this).each(function() {
var startKey = $(this).attr("data-key");
if (!startKey || $.trim(startKey) == "") {
startKey = opts.key;
}
if (!startKey || $.trim(startKey) == "") {
throw("Starting key not defined.");
return this;
}
currentKey = getKeyByName(startKey);
// Build tranpose links ===========================================
var keyLinks = [];
$(keys).each(function(i, key) {
if (currentKey.name == key.name)
keyLinks.push("<a href='#' class='selected'>" + key.name + "</a>");
else
keyLinks.push("<a href='#'>" + key.name + "</a>");
});
var $this = $(this);
var keysHtml = $("<div class='transpose-keys'></div>");
keysHtml.html(keyLinks.join(""));
$("a", keysHtml).click(function(e) {
e.preventDefault();
transposeSong($this, $(this).text());
$(".transpose-keys a").removeClass("selected");
$(this).addClass("selected");
return false;
});
$(this).before(keysHtml);
var output = [];
var lines = $(this).text().split("\n");
var line, tmp = "";
for (var i = 0; i < lines.length; i++) {
line = lines[i];
if (isChordLine(line))
output.push("<span>" + wrapChords(line) + "</span>");
else
output.push("<span>" + line + "</span>");
};
$(this).html(output.join("\n"));
});
};
$.fn.transpose.defaults = {
chordRegex: /^[A-G][b\#]?(2|5|6|7|9|11|13|6\/9|7\-5|7\-9|7\#5|7\#9|7\+5|7\+9|7b5|7b9|7sus2|7sus4|add2|add4|add9|aug|dim|dim7|m\/maj7|m6|m7|m7b5|m9|m11|m13|maj7|maj9|maj11|maj13|mb5|m|sus|sus2|sus4)*(\/[A-G][b\#]*)*$/,
chordReplaceRegex: /([A-G][b\#]?(2|5|6|7|9|11|13|6\/9|7\-5|7\-9|7\#5|7\#9|7\+5|7\+9|7b5|7b9|7sus2|7sus4|add2|add4|add9|aug|dim|dim7|m\/maj7|m6|m7|m7b5|m9|m11|m13|maj7|maj9|maj11|maj13|mb5|m|sus|sus2|sus4)*)/g
};
})(jQuery);
0
입니다 :
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery.transposer.js"></script>
<script type="text/javascript">
$(function() {
$("pre").transpose();
});
</script>
<link rel="stylesheet" type="text/css" href="jquery.transposer.css" />
<pre class="content" data-key="G">
G D Em
I sing a simple song of love
C Em D
To my Savior, to my Jesus.
G D Em
I'm grateful for the things You've done,
C Em D
My loving Savior, my precious Jesus.
Am Em D G
My heart is glad that You've called me Your own.
Am Em D
There's no place I'd rather be than
G D C
In Your arms of love,
G D C
In Your arms of love,
Em D C
Holding me still, holding me near,
G
In Your arms of love.
</pre>
관련 문제
- 1. Typeface.js가 Internet Explorer에서 렌더링되지 않습니까?
- 2. Internet Explorer에서 작동하지 않습니다는 window.open
- 3. CSS : 그래서 ... 불투명도 속성이 Internet Explorer에서 올바르게 작동하지 않습니까?
- 4. Wordpress에서 jQuery가 작동하지 않습니까?
- 5. jQuery가 Html.ActionLink와 작동하지 않습니까?
- 6. jQuery가 IE8에서 작동하지 않습니까?
- 7. JQuery가 크롬에서 작동하지 않습니까?
- 8. Jquery가 IE에서 작동하지 않습니까?
- 9. jQuery 선택기가 Internet Explorer에서 작동하지 않는 이유
- 10. Internet Explorer에서 슬라이딩 메뉴가 작동하지 않습니다.
- 11. Onload 이벤트가 Internet Explorer에서 작동하지 않습니다.
- 12. Divs는 Internet Explorer에서 작동하지만 Chrome에서는 작동하지 않습니다.
- 13. Facebook Invite가 Internet Explorer에서 작동하지 않습니다.
- 14. Div의 여백이 Internet Explorer에서 작동하지 않습니다.
- 15. GWT domHandler가 Internet Explorer에서 작동하지 않습니다.
- 16. : Internet Explorer에서 표시되는 선택기가 작동하지 않습니다.
- 17. jQuery 코너 플러그인이 Internet Explorer에서 작동하지 않습니다.
- 18. addClass 및 removeClass가 Internet Explorer에서 작동하지 않습니다.
- 19. Internet Explorer에서 내비게이션 메뉴가 작동하지 않음
- 20. GWT 기록 Internet Explorer에서 JavaScript가 작동하지 않습니다.
- 21. jQuery가 나를 위해 작동하지 않습니까?
- 22. Internet Explorer에서 Rails의 SSL을 통해 Internet Explorer에서 파일 다운로드
- 23. Internet Explorer에서 iFrame이 사라짐
- 24. Internet Explorer에서 JavaScript 디버깅
- 25. Internet Explorer에서 잘못 표시됩니다.
- 26. Internet Explorer에서 ''스타일 지정
- 27. Internet Explorer에서 div를 어떻게 배치합니까?
- 28. Internet Explorer에서 파일을 업데이트하지 않습니다.
- 29. 디스플레이 : Internet Explorer에서 제거되지 않음
- 30. Internet Explorer에서 개체 예상 오류
좀 더 도움을 줄 수 있도록 코드 나 오류 메시지를 게시 할 수 있습니까? –
JQuery가 제공하는 오류는 무엇입니까? –
내 IE에서 작동합니다. 어느 것을 사용합니까? – GolezTrol