동적으로 생성 된 부트 스트랩 요소의 간격 문제

플랫 버튼 스타일의 앵커를 태그로 사용하려고하는 Twitter 부트 스트랩 2.2.2 및 jQuery 1.7.2와 함께 작업하고 있습니다. 이러한 태그는 텍스트 입력을 저장 한 후에 동적으로 추가됩니다. 난 그냥 필요한 속성과 값을 갖는 새를 만들 jQuery로동적으로 생성 된 부트 스트랩 요소의 간격 문제

<p> 
    <a class="btn btn-small"><span>Tag 1</span></a> 
    <a class="btn btn-small"><span>Tag 2</span></a> 
</p>

, 그것은 다음 단락에 연결되어 : 나는 매우 간단한 HTML 구조를 사용하고 있습니다.

그러나 둘 이상을 만들 때마다 요소 사이의 간격이 엉망이되어 새 태그가 간격없이 만들어집니다.

가와의 간격을 고정 할 수있는 방법이 있나요 ... http://jsfiddle.net/marcelo1251/WeuLb/

클릭 2 번보다 더 많은 태그를 추가하고 문제를 볼 수 있습니다 :

나는 내 문제를 데모 다음 바이올린을 만들어 동적으로 생성 된 요소?

감사합니다, 마르셀로 C.

출처

2013-02-05 Marcelo C.

당신이 그것을 작동

var tagClone = $('.template').html(); 
    $('p#target').append(tagClone);

을 어쨌든 경우, 문제로 살펴 보겠습니다.

기술적 그들이 동일하지 않다 :

//your code 
    var tagClone = $('.template').clone(); //tagClone is a jQuery object 
    $('p#target').append(tagClone.find('a'));

는 JQUERY 객체를 생성하고 대상에 추가한다.

//my code 
    var tagClone = $('.template').html(); //tagClone is a string 
    $('p#target').append(tagClone);

은 html 콘텐츠를 A 문자열로 가져 와서 대상에 추가합니다. 그러나 append 함수 (http://api.jquery.com/append/)는 jquery 객체 또는 html 문자열 중 하나를 받아 들일 수 있으므로 어느 방식 으로든 작동해야합니다.

출처

2013-02-05 02:31:04

사실 내가하고있는 일이며, ** 처음 ** 새로운 요소에서 작동하지만, 필자의 피들에서 "태그 추가"버튼을 클릭하면 적어도 2-3 번은 내가 얘기하고있어. –

코드를 검토 한 결과 코드를 변경하면 코드가 작동합니다. http://jsfiddle.net/WeuLb/1/ (복제 대신 html을 사용하고 찾기 a를 삭제). 왜, 너는 어쨌든 일해야할지 모르겠다. 버튼의 상자 모델을 보면 실제로 여백이 없으므로 이상합니다. –

굉장합니다. 이상한 점은 두 가지 방법이 같은 방식으로 작동해서는 안됩니까? –

동적으로 생성 된 부트 스트랩 요소의 간격 문제

답변

관련 문제