2012-08-27 2 views
0

처음으로 내 웹 사이트 사용 방법을 보여 주려고합니다. 나는 이것을 위해 popovers를 사용하기로 결정했다. (help-movie 먼저 팝 오버가 표시됩니다 -popovers 사용법으로 자습서를 만드는 방법은 무엇입니까?

$('#help-movie').popover('show'); 

$("#help-next-movie").click(function() { 
    $('#help-movie').popover('hide'); 
    $('#help-subscribe').popover('show'); 
}); 
$("#help-next-subscribe").click(function() { 
    $('#help-subscribe').popover('hide'); 
    $('#help-rss').popover('show'); 
}); 

그러나이 제대로 작동하지 않습니다 같은, 내가 만든 몇 가지 요소 :

<li><a href="/rss/{{ user_id }}" id="help-rss" rel="popover" data-title="RSS feed" data-placement="bottom" data-trigger="manual" data-content="Use your favourite RSS reader to get our news!<br><br><a href='#' id='help-next-rss'>Next</a>">RSS</a></li> 

그리고 다음과 같은 코드는 popovers 하나 하나를 표시합니다), 다음을 누르면 다음이 표시됩니다 (help-subscribe). 그러나 다음 버튼이 작동하지 않으면 help-rss이 표시되지 않습니다. 하지만 help-subscribe을 먼저 표시하면 다음 버튼이 작동하고 help-rss이 표시됩니다. 그 이유는 무엇일까요? 당신이이 표시되면, 당신은 너무과 같이 CSTE 연구진로 .click를 교체하려고 http://api.jquery.com/on/

CSTE 연구진은 jQuery를 사용할 필요가 작동하지 않습니다 .click 호출 할 때 요소 ID가 숨겨진 경우

+0

가 되세요 일부 jquery 플러그인을 사용해 보셨습니까? –

+0

@ShankarCabus, no - 두 번째 링크는'data-content'의 일부입니다. –

+0

@ShankarCabus, 일부 jquery 플러그인? 무엇 때문에? –

답변

1

나는 생각한다

$('body').on("click", "#help-next-subscribe", function(event){ 
    $('#help-subscribe').popover('hide'); 
    $('#help-rss').popover('show'); 
}); 

CSTE 연구진은 기본적 JQuery와 여전히 이러한 요소에 따라 행동 할 수 있도록 그들이 갑자기 (예를 들어이 같이 만들거나 아약스 요청을 통해 끌어 당겨있는 페이지에 나타나는 경우 이러한 요소를 수신 할 수있는 브라우저를 알려줍니다.

+0

고마워, 그것은 .on으로 잘 작동합니다. 답에 작은 오타가 있습니다. '본문'은 '본문'으로 바꿔야합니다. 그리고, 내 HTML과 어떤 실수를 볼 수 없어 ... –

+0

나는 다른 사람들이 찾고있는 것처럼 내가 실수를 아마 당신이 그것을 붙여 넣은 것 같아요, 데이터 내용이 끝난 닫고 닫습니다 태그에 또한 help-next-rss ID 바로 뒤에 두 개의 앵커 닫기 태그와 '>'악의가 있습니다 : id = 'help-next-rss'> 다음 "> RSS – WebweaverD

+0

아직도 보이지 않습니다. 문제)). 그냥 간단하게 - 내 HTML ' RSS'아래처럼. 그래서,'data-content'는 링크를 포함합니다. –

관련 문제