6个弹出窗口(模态)中有5个出现,1个挂起

时间:2017-07-17 12:30:25

标签: javascript html css

我再次陷入了另一个问题。我放了6个弹出窗口,但是最后一个弹出窗口,但挂起屏幕,我必须刷新并摆脱它。我试图将代码与正确的代码匹配,但我发现没有区别。

这是正在运作的那个:

<div class="gallery-item">
                                    <div class="item-instructor bg-color-5">
                                        <a href="page-profile.html" class="instructor-avatar">
                                            <img src="img/sazzad.jpg" data-at2x="img/sazzad.jpg" alt>
                                        </a>
                                        <div class="info-box">
                                            <h3>M sazzad Hossain</h3>
                                            <span class="instructor-profession">CBAP pro</span>
                                            <div class="divider"></div>
<center><button type="button" class="btn btn info btn-lg" data-toggle="modal" data-target="#func">Read More</button></center>
  <!-- Modal -->
  <div class="modal fade" id="func" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">M sazzad Hossain</h4>
        </div>
        <div class="modal-body">
                        <div class="biography-image">
                                <img src="img/sazzad.jpg" align="left">
                            </div>
               <div class="biography-info">
                    <p>At LightCastle Partners, Sazzad brings along a broad spectrum of experience. In his short but eventful career, Sazzad has worked in three distinctly different roles – a Management Trainee in Retail Financing, a Trade Marketer cum a Distribution Manager in Tobacco Industry, and a Lecturer in Management Studies. In all the roles, he has performed exceptionally well and demonstrated an ability to excel under trying circumstances. Sazzad started his career as an intern at HSBC. Upon completion, he joined another international organization – IPDC of Bangladesh Ltd. as a Management Trainee. At IPDC, he worked closely with the R&D team to develop new financial products and review performance of existing ones, and coordinated key accounts and branch activities. He joined British American Tobacco Bangladesh (BATB) as an Assistant Territory Officer in 2010. Developing product reinforcement campaigns and launching new brands, Sazzad helped modify BATB’s distribution structure to increase efficiency that eventually led to the capture of a greater market share. In 2012, he joined Heriot-Watt University, UK, as a lecturer in its distant learning program where he taught courses on International Strategic Management and Introduction to Business. Sazzad holds a bachelor’s in Accounting and Information Systems from University of Dhaka and is currently enrolled in MSc Marketing in the University of Manchester, UK. He is takes an active interest in travelling, European football, and religion.

</p>        

               </div>

        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>

    </div>
  </div>
                                        </div>
                                    </div>
                                </div>

这是代码无法正常工作:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

下面给出了bootstrap / javascripts:

def generate_images(df):
    for row in df.itertuples():
        yield row.Filename, generate_qr(row.URL)

def generate_qr(url):
    qr = qrcode.QRCode(version=5, error_correction=qrcode.constants.ERROR_CORRECT_L,box_size=5,border=2,)
    qr.add_data(url)
    qr.make(fit=True)
    return qr.make_image()

def save_qr_code(qr_codes):
    for filename, qr_code in qr_codes:
        filename = filename + '.png'
        print('saving to file %s' % (filename,)
        with open(filename, 'wb') as file:
            qr_code.save(file)

df = pd.read_csv('my_data.csv')

qr_codes = generate_images(df)

save_qr_code(qr_codes)

1 个答案:

答案 0 :(得分:0)

我不确定你看到了什么,但这似乎工作正常。

&#13;
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

  <div class="gallery-item">
    <div class="item-instructor bg-color-5">
      <a href="page-profile.html" class="instructor-avatar">
        <img src="img/saif.jpg" data-at2x="img/saif.jpg" alt>
      </a>
      <div class="info-box">
        <h3>M saifur Rahman</h3>
        <span class="instructor-profession">CBAP pro</span>
        <div class="divider"></div>
        <center><button type="button" class="btn btn info btn-lg" data-toggle="modal" data-target="#myModal">Read More</button></center>
        <!-- Modal -->
        <div class="modal fade" id="myModal" role="dialog">
          <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">M saifur Rahman</h4>
              </div>
              <div class="modal-body">
                <div class="biography-image">
                  <img src="img/saif.jpg" align="left">
                </div>
                <div class="biography-info">
                  <p></p>

                </div>

              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              </div>
            </div>

          </div>
        </div>
        <div class="gallery-item">
          <div class="item-instructor bg-color-5">
            <a href="page-profile.html" class="instructor-avatar">
              <img src="img/sazzad.jpg" data-at2x="img/sazzad.jpg" alt>
            </a>
            <div class="info-box">
              <h3>M sazzad Hossain</h3>
              <span class="instructor-profession">CBAP pro</span>
              <div class="divider"></div>
              <center><button type="button" class="btn btn info btn-lg" data-toggle="modal" data-target="#func">Read More</button></center>
              <!-- Modal -->
              <div class="modal fade" id="func" role="dialog">
                <div class="modal-dialog">

                  <!-- Modal content-->
                  <div class="modal-content">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal">&times;</button>
                      <h4 class="modal-title">M sazzad Hossain</h4>
                    </div>
                    <div class="modal-body">
                      <div class="biography-image">
                        <img src="img/sazzad.jpg" align="left">
                      </div>
                      <div class="biography-info">
                        <p>At LightCastle Partners, Sazzad brings along a broad spectrum of experience. In his short but eventful career, Sazzad has worked in three distinctly different roles – a Management Trainee in Retail Financing, a Trade Marketer cum
                          a Distribution Manager in Tobacco Industry, and a Lecturer in Management Studies. In all the roles, he has performed exceptionally well and demonstrated an ability to excel under trying circumstances. Sazzad started his career
                          as an intern at HSBC. Upon completion, he joined another international organization – IPDC of Bangladesh Ltd. as a Management Trainee. At IPDC, he worked closely with the R&D team to develop new financial products and review
                          performance of existing ones, and coordinated key accounts and branch activities. He joined British American Tobacco Bangladesh (BATB) as an Assistant Territory Officer in 2010. Developing product reinforcement campaigns and
                          launching new brands, Sazzad helped modify BATB’s distribution structure to increase efficiency that eventually led to the capture of a greater market share. In 2012, he joined Heriot-Watt University, UK, as a lecturer in its
                          distant learning program where he taught courses on International Strategic Management and Introduction to Business. Sazzad holds a bachelor’s in Accounting and Information Systems from University of Dhaka and is currently enrolled
                          in MSc Marketing in the University of Manchester, UK. He is takes an active interest in travelling, European football, and religion.

                        </p>

                      </div>

                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>
&#13;
&#13;
&#13;