如何使用bootstrap按钮连接window.location.reload()

时间:2014-12-29 08:43:00

标签: javascript jquery twitter-bootstrap

<script type="text/javascript">
$( document ).ready(function() {
  $.ajax({
   type: "GET",
   url: 'http://dbtest.php'
  });
});

我有一个window.location.reload()的问题,因为当我点击“重新加载”按钮然后一切正常。但是,当我点击“产品”时,我想分享“重新加载”。我已经尝试过各种方法来实现这一点,但是,不起作用。请帮忙。感谢

<body>
      <div>
        <img src ="img/logo.jpg" class="produkt logo" />
    </div>
    <button onclick="window.location.reload()">Reload</button>
    <br />
    <br />
    <div class="container-fluid">
        <div class="row">
           <div class="col-md-6 col-sm-6 col-xs-6 margin-top-10">
           <div class="row">
           <div class="col-md-offset-4 col-sm-offset-4 col-xs-offset-1 col-md-4 col-sm-5 col-xs-11">
           <div class="app-button">
           <div class="app-button-content">
           <a href="Produkty.html" id="someElement"><img src="img/produkty.png" class="ikona" /></a>
            <p class="text-center">Produkty</p>
         </div>
       </div>
    </div>
  </div>

2 个答案:

答案 0 :(得分:0)

HTML:

<div id="products">
    <img src ="img/logo.jpg" class="produkt logo" />
</div>

jQuery的:

$(document).on('click', '#products > img', function() {
    location.reload();
})

答案 1 :(得分:0)

你可以尝试

<body>
      <div>
        <img src ="img/logo.jpg" class="produkt logo" onclick="window.location.reload()" />
    </div>
    <button onclick="window.location.reload()">Reload</button>
    <br />
    <br />
    <div class="container-fluid">
        <div class="row">
           <div class="col-md-6 col-sm-6 col-xs-6 margin-top-10">
           <div class="row">
           <div class="col-md-offset-4 col-sm-offset-4 col-xs-offset-1 col-md-4 col-sm-5 col-xs-11">
           <div class="app-button">
           <div class="app-button-content">
           <a href="Produkty.html" id="someElement"><img src="img/produkty.png" class="ikona" /></a>
            <p class="text-center">Produkty</p>
         </div>
       </div>
    </div>
  </div>