0

私のリストが表示されているとき、私のリストの最初の要素は正しい場所にありますが、2番目の要素から最後まで、それらはすべて、それ以外ではなく、箇条書きの下に表示されます：/

コードを確認する必要がある場合は、 http：//www.nsworld.org/developmentにアクセスしてください（米国をクリックしてください） 。

私はこの問題の修正を見つけようとしています。これはIE8でのみ表示され、他のすべてのブラウザーではすべてが完全に表示されます。

4

1 に答える 1

1

アンカータグ（およびリストアイテム）を閉じます-開いているだけで、閉じることはありません：

"<li>"+"<a href='http://nsworld.org/'>"+"Foo"+""+""+"<br />"+"<br />"+

このコードは、一般的に、大幅に作り直す必要があります。多くの不要な連結が行われているため、この行（およびその周囲の行）の読みやすさが損なわれます。

さらに、

私が提案することがいくつかあります。1つ目は、さまざまなブラウザやバージョン間でより一貫した動作が得doctypeられるようにするなど、標準の使用を開始することです。<!DOCTYPE html>

次に、タグを閉じることです。これらのリストアイテムが閉じられていないことに気づきました。そのため、後続のリストアイテムをどのようにフォーマットするかを決定するタスクは、ブラウザーに任されています。これは無効ではありませんが、私が推奨する方法ではありません。

最後に、次のようなJavaScriptでの冗長な文字列の連結を回避します。

 switch (code) {
    case "us":
x="<ul>"+
"<li>"+"<a href='http://nsworld.org/findings/How-does-it-all-Fit-Together/Capacities#!prettyPhoto[examples2]/2/'>"+"Envision Charlotte"+""+""+"<br />"+"<br />"+
"<li><a href='http://nsworld.org/findings/Building-New-Capacities-Emergence/Innovative-Societies#!prettyPhoto[examples2]/2/'>"+"US Open Government Initiative"+""+
"<li>"+"<a href='http://nsworld.org/findings/Building-New-Capacities-Emergence/Innovative-Societies#!prettyPhoto[examples2]/3/'>"+"Unreasonable Institute"+""+""+
"<li>"+"<a href='http://nsworld.org/findings/Building-New-Capacities-Emergence/Innovative-Societies#!prettyPhoto[examples2]/4/'>"+"FailFaire"+""+""+
"<li>"+"<a href='http://nsworld.org/findings/Building-New-Capacities-Emergence/Emergent-Solutions#!prettyPhoto[examples]/1/'>"+"Ushahidi-Haiti"+""+""+
"<li>"+"<a href='http://nsworld.org/findings/Building-New-Capacities-Emergence/Public-Organizations-as-Experimentation-Platforms#!prettyPhoto[examples2]/3/'>"+"Social Innovation Fund"+""+""+
"<li>"+"<a href='http://nsworld.org/findings/Building-New-Capacities-Resilience/Adaptive-Capacity#!prettyPhoto[examples2]/1/'>"+"Community and Regional Resiliency Institute (CARRI)"+""+""+
"<li>"+"<a href='http://nsworld.org/articles/community-resilience-taking-tangible-steps-towards-achieving-societal-resilience'>"+"Community Resilience: Taking Tangible Steps Towards Achieving Societal Resilience"+""+""+
"<li>"+"<a href='http://nsworld.org/discoveries/nurse-family-partnership-co-produces-results-us'>"+"Nurse-Family Partnership Co-Produces Results in the U.S."+""+""+
""
        break;

代わりに、これらのリストをプリロードしたり、非同期でプルダウンしたり、ある種のJavaScriptオブジェクトにデータを入力したりすることができます。ご覧のとおり、大量の文字列の連結により、コードが非常に読みにくくなり、間違いが発生する可能性が高くなります。

于 2012-12-05T17:13:27.867 に答える