Question

我的jquery代码正常工作但是当它完成时我需要刷新我的页面所以我怎么能再次工作而不刷新我的页面有两个图像我用jquery显示它们，还有检查一切是用jquery写的方式？

＆＃13;

$(document).ready(function() {
  $('.fingurePrint').on('click', function() {
    $('.fingurePrintImg').css({
      'bottom': '0',
    });
    $('body').css({
      'background-color': '#e2dfdf'
    });
  });
  $('.checkbutton').on('click', function() {
    $('.fingure').css('display', 'none');
    $('.checkimg').css({
      'display': 'block',
      'margin-top': '20px'
    });
  });
  $('.closebutton').on('click', function() {
    $('.fingurePrintImg').hide(function() {
      $('body').css('background-color', 'white')
      $('.messageclose').fadeIn(100, function() {
        $(this).fadeOut(4000);
      });
    });
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
my html structure which i used it to show my contain

<body>
  <div>
    <button class="fingurePrint">
      <i class="fa fa-save" area-hidden="true"></i>
      save
    </button>
  </div>
  <div class="fingurePrintImg">
    <img src="images/1.png" class="fingure">
    <img src="images/2.png" class="checkimg checkborder" width="100px">
    <div class="fingurelabel">
      <!---
<input type="checkbox">
<label class="">cant do it</label>
-->
      <div class="check">
        <button class="checkbutton">
          <i class="fa fa-check"></i>
          check
        </button>
        <button class="closebutton">
          <i class="fa fa-save"></i>
          save
        </button>
      </div>
    </div>
  </div>
  <div class="messageclose">
    <p>
      <span><i class="fa fa-check"></i></span> Done
    </p>
  </div>

＆＃13;

我写了我的jquery代码，它的工作正常，但它需要刷新我的页面再次工作如何修复它而不重新加载我的页面？

0 个答案: