私は作業しているサイトのjQueryについて少しずつ取り組んでいます。私は一重引用符を二重引用符で囲むと何らかの理由でFirefoxを永遠の栄光に変えます二重引用符は私のコードを壊します。JQueryのラインが私のページを壊しています
私はこの時点でプロトタイプを作成していても、外部のjavascriptファイルに入れてみました。いいえ。ファイルをロードしません！
$("#clips").after("<ul id='slideshow-nav'><li><a id='gallery-next' href='#' title='View the next piece'>Next</a></li><li><a id='gallery-prev' href='#' title='View the previous piece'>Prev</a></li></ul>");
私は何か間違っていますか？
あなたは考えがあります： -
$("#clips").after('<ul id="slideshow-nav"><li><a id="gallery-next" href="#" title="View the next piece">Next</a></li><li><a id="gallery-prev" href="#" title="View the previous piece">Prev</a></li></ul>')
を？持っているその非常に正常ながら
「と "のJavascriptの使用量の使用量交換可能」HTML/XMLで属性値を区切るためにはまれである。
一重引用符と二重引用符の切り替えを試しましたか？
$("#clips").after('<ul id="slideshow-nav"><li><a id="gallery-next" href="#" title="View the next piece">Next</a></li><li><a id="gallery-prev" href="#" title="View the previous piece">Prev</a></li></ul>');
私はFF3.5でエラーを再現することはできません。
。<div id="clips">test</div>
<script type="text/javascript">
$("#clips").after("<ul id='slideshow-nav'><li><a id='gallery-next' href='#' title='View the next piece'>Next</a></li><li><a id='gallery-prev' href='#' title='View the previous piece'>Prev</a></li></ul>");
</script>
<div id="clips">test</div>
<ul id="slideshow-nav">
<li><a title="View the next piece" href="#" id="gallery-next">Next</a></li>
<li><a title="View the previous piece" href="#" id="gallery-prev">Prev</a></li>
</ul>
作品罰金は、あなたは$（関数（）{}）それをラップして、DOMがロードされていることを確認する
0123？<html>
<head>
<title>tt</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script type="text/javascript">
$(function() {
$("#clips").after("<ul id='slideshow-nav'><li><a id='gallery-next' href='#' title='View the next piece'>Next</a></li><li><a id='gallery-prev' href='#' title='View the previous piece'>Prev</a></li></ul>");
});
</script>
</head>
<body>
<div id='clips'></div>
</body>
</html>
いいね。いくつかのことはしようとします
読みやすくするために再構築（同じコードが最後に.join（「」）と配列を使用して、ある）：ちょうどなしがあることを確認する
$("#clips")
.after([
"<ul id='slideshow-nav'>",
"<li><a id='gallery-next' href='#' title='Next piece'>Next</a></li>",
"<li><a id='gallery-prev' href='#' title='Previous piece'>Prev</a></li>",
"</ul>"
].join('')
);
するIDSの名前を変更しますページ上の競合（しばしば奇妙なエラーを持っている）：
$("#clips")
.after([
"<ul id='slideshow-nav2'>",
"<li><a id='gallery-next2' href='#' title='Next piece'>Next</a></li>",
"<li><a id='gallery-prev2' href='#' title='Previous piece'>Prev</a></li>",
"</ul>"
].join('')
);
使用エスケープ文字を含むすべての二重引用符：
$("#clips")
.after([
"<ul id=\"slideshow-nav2\">",
"<li><a id=\"gallery-next2\" href=\"#\" title=\"Next piece\">Next</a></li>",
"<li><a id=\"gallery-prev2\" href=\"#\" title=\"Previous piece\">Prev</a></li>",
"</ul>"
].join('')
);
これは私のために働いていますか？
シングルとダブルの両方を引用符JavaScriptとHTMLで有効です。
HTML： "Double style quotes are the most common, but single style quotes are also allowed."
はJavaScript： "A string literal is zero or more characters enclosed in single or double quotes."