使用jQuery更改html內容時出錯

這裏有什麼問題？我想與其他內容替換UL內容使用jQuery更改html內容時出錯

$('#carouselselectitem1').click(function() { 
$('#foo2').html('<li><div id="lines"></div><div id="tittle">2 PROGRAMEO, LONDRES</div><div id="image"></div><div id="text">LOREM IPSUM XHTML+CSS3 HTTP://WWW.url.com/</div></li>'); 
});

http://jsfiddle.net/Txyse/

來源

2013-01-14 Vektor Unbreakable

的[與HTML jQuery的錯誤代碼（http://stackoverflow.com/questions/14311603/error-code-with-html-jquery） –

所以可能重複......你爲什麼要在一個小時內問同樣的問題兩次？ – sachleen

你撥弄包括MooTools的，而不是jQuery的。

您的小提琴中的字符串中有換行符。或者刪除它，或在串像下面的第一行的末尾添加一個\：（注意\在低於代碼的第二行的末尾）

$('#carouselselectitem1').click(function() { 
    $('#foo2').html('<li><div id="lines"></div>\ 
        <div id="tittle">TITTLE2</div><div id="image"></div><div id="text">TEXT2</div></li>'); 
        });

Working demo

來源

2013-01-14 03:01:00 sachleen

謝謝!!!!工作正常。是的，sachleen，我是新來的，我必須等很多時間寫作。抱歉。 –

有一個你的小提琴的問題數量。未加載

jQuery的
你的JavaScript在一個字符串
單擊事件所需要的文檔加載

後附加一個換行符這fiddle工作

$(document).ready(function(){ 
    $('#carouselselectitem1').click(function() { 
     $('#foo2').html('<li><div id="lines"></div><div id="tittle">TITTLE2</div><div id="image"></div><div id="text">TEXT2</div></li>'); 
    }); 
});

來源

2013-01-14 03:05:17 PassKit

@sachleen - true，但初學者錯過點3並不少見，我們不知道OP的其他代碼。 – PassKit

糟糕，我不小心刪除了我的評論。對於@ PassKit的回覆有任何意義，我曾說過jsFiddle照顧＃3 – sachleen

試試這個，

$('#carouselselectitem1').click(function() { 
    $('#foo2').html('<li><div id="lines"></div><div id="tittle">TITTLE2</div><div id="image"></div><div id="text">TEXT2</div></li>'); 
    });

http://jsfiddle.net/Txyse/8/

來源

2013-01-14 03:05:32 Nandu

當回答時，請確保解釋你在代碼中改變了什麼。 – sachleen

使用jQuery更改html內容時出錯

回答

相關問題