Question

我已将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粘贴到正确的文件中，它就可以正常工作。

我粘贴了这个jsfiddle，它没有打开弹出窗口

1 个答案: