유성기에서 부트 스트랩 팝업 창이 잘못되었습니다.

bootstrap.js가 설치되어 있고 클릭시 팝업으로 표시되는 데 문제가 있습니다. 여기 유성기에서 부트 스트랩 팝업 창이 잘못되었습니다.

내 HTML입니다 :

여기

<span data-sentenceindex="1"> 
    <div class="word" data-wordid="EA9jNKEAiHmZDwFp7" data-toggle="popover" data-placement="auto top" data-trigger="focus" title="" data-content="Some content inside the popover" style="text-align: center; display: inline-block" data-original-title="Popover Header"> 
     <p class="thinnerBottom">Shang4di4</p> 
     <h3 class="thinnerTop">你好</h3> 
    </div> 
    <div class="word" data-wordid="6gNwivPpCpyfstTjC" data-toggle="popover" data-placement="auto top" data-trigger="focus" title="" data-content="Some content inside the popover" style="text-align: center; display: inline-block" data-original-title="Popover Header"> 
     <p class="thinnerBottom">fa1chu1</p> 
     <h3 class="thinnerTop">发出</h3> 
    </div> 
</span>

내 템플릿 : 내가 무엇을 놓치고

Template.word.onRendered(function() { 
    return $('[data-toggle="popover"]').popover() 
})

여기

<template name="word"> 
{{#with theWord}} 
    <div class="word" data-wordID="{{_id}}" data-toggle="popover" data-placement="auto top" data-trigger="focus" 
     title="Popover Header" 
     data-content="Some content inside the popover" style="text-align: center; display: inline-block"> 
     <p class="thinnerBottom">{{pinyin}}</p> 
     <h3 class="thinnerTop">{{simp}}</h3> 
    </div> 
{{/with}} 
</template>

가하는 onRender입니까?

출처

2016-10-30 webmagnets

'''$를 반환 ('[데이터 토글 = "팝 오버"]') 팝 오버()'''왜'''return''' : 이것처럼

? '''return'' 키워드없이 똑같은 방법을 시도해 볼 수 있습니까? – blueren

나는 반환없이 이미 그것을 시도했다. 미안하지만 나는 언급하지 않았다. – webmagnets

답은 div에 tabindex = "0"을 추가해야한다는 것입니다. .

<template name="word"> 
    {{#with theWord}} 
     <div class="word" data-wordID="{{_id}}" data-toggle="popover" data-placement="auto top" data-trigger="focus" 
      tabindex="0" 
      title="Popover Header" 
      data-content="Some content inside the popover" style="text-align: center; display: inline-block"> 
      <p class="thinnerBottom text-muted">{{pinyin}}</p> 
      <h3 class="thinnerTop">{{simp}}</h3> 
     </div> 
    {{/with}} 
</template>

출처

2016-10-31 23:41:57 webmagnets

유성기에서 부트 스트랩 팝업 창이 잘못되었습니다.

답변

관련 문제