私はこのjsfiddleを貼り付け、ポップアップウィンドウを開けません

Question

私のWebページにjsfiddleを貼り付けても動作しません。 Here is the jsfiddle。適切な場所にCSSとJavaScriptを貼り付けました。リンクやポップアップに関連してコンソールにエラーがないようです。

すべてのリンクは、現在のページをリロードすることです。ここで

は私のHTMLです：

<div class="container"> 
     <div class="row"> 
      <div class="col-lg-8 col-md-8"> 
       <!-- POST --> 
       {% for entry in entries %} 
        <div class="panel panel-default">       
         <div class="panel-body"> 
         <div class="media media-clearfix-xs-min"> 
          <div class="media-left"> 
          <a href="lesson.html"> 
           <span class="media-object icon-block bg-default"><i class="fa fa-github"></i></span> 
          </a> 
          </div> 
          <div class="media-body"> 
          <h3 class="media-heading h4"><a href="{{ url_for('write_response', id=entry.id) }}">{{ entry.title }}</a></h3> 

          <p class="small text-muted"> 
           <!-- <i class="fa fa-clock-o fa-fw"></i> time since post --> 
           <a href="" class="popup-link-1">Open PopUp</a> 
           <div class="popup-box" id="popup-box-1"> 
            <div class="close">X</div> 
             <div class="top"> 
              <h2>Sample Header</h2> 
             </div> 
             <div class="bottom"> 
              <p><h1>Sample Text</h1></p> 
             </div> 
           </div> 
           <i class="fa fa-user fa-fw"></i> <a href="{{ url_for('public_user_page', userID=entry.userID) }}">{{entry.user_name}}</a> 
           <i class="fa fa-calendar fa-fw"></i> {{entry.date_posted}}         
          </p> 
          {% for tag in entry.tagList %} 
           <span class="label label-default">{{tag}}</span> 
          {% endfor %} 
          </div> 
         </div> 
         </div> 
        </div> 
       {% else %} 
        <em>No entries!</em> 
       {% endfor %}   
      </div> 
     </div> 
    </div> 

Answer 1

申し訳ありませんが、ここでは、私はより多くをテストしている必要があります。

私は適切なファイルにjavascriptを貼り付けたと思ったが、私はしなかった。適切なファイルにjsを貼り付けると、うまくいきました。