동적으로 jquery에서 아코디언을 만듭니다.

HTML 페이지에 div 만 있고 jQuery에서 아코디언을 만들려고합니다. 그러나 이것은 일어나지 않습니다.동적으로 jquery에서 아코디언을 만듭니다.

HTML 코드 :

<div data-role="content" id="Div1"> 
    <div id="accordion" data-role="collapsible-set"/> 
</div>

자바 스크립트 :

$(document).ready(function(){   
    $('#accordion').append("<div data-role=""collapsible""><h3>FirstFloor</h3><p>First Floor details</p></div>");   
});

JSFIDDLE

출처

2014-05-13 Rockstart

어떤 오류가 그 원인을합니까? 힌트 : * 오류를 일으킬 것입니다. –

구문 강조 표시를 자세히 살펴보십시오. 또한 귀하의 바이올린에는 여기에 귀하의 코드 스 니펫에는없는 두 가지 문제점이 있습니다. 당신의 바이올린이 당신이 가지고있는 문제점을 적절하게 보여 주는지 확인하십시오. –

음 ... 그 편집은 구문 하이라이팅을 수정하지만, 이제 자바 스크립트에서 따옴표를 이스케이프 처리하는 방법입니다. –

귀하의 APPEND 문자열은 이중 따옴표를 사용하고 있기 때문에 작은 따옴표 종료해야 그것. 또한 Jquery 라이브러리를 포함해야합니다. jquery 아코디언을 사용하는 경우 Jquery UI 라이브러리도 포함시켜야합니다.

또한 html이 약간 떨어져 있습니다. 여기서는 작동 예제입니다.

$('document').ready(function(){ 

$('#accordion').append('<h3>First Floor</h3><div> 
<p>Welcome to da first floor.</p></div> 
<h3>Floor numbah 2</h3><div><p>you are now on floor 2</p></div>'); 
$("#accordion").accordion(); 

});

http://jsfiddle.net/EEnSb/19/

출처

2014-05-13 18:42:20 Edward

동적으로 jquery에서 아코디언을 만듭니다.

답변

관련 문제