divを追加せずにリフレッシュするには

divを更新しようとしていますが、それ以外はすべて複製しています。何かをする前に、ページは次のようになります：initial page 2番目のボタンはdivをリフレッシュするはずですが、これを行うとこれが得られます。after trying to refresh, it refreshes it, but duplicates everything else divをリフレッシュするにはどうすればよいですか？divを追加せずにリフレッシュするには

<!DOCTYPE html> 
<html> 
<head> 

</head> 
<body> 
    <br/> 
    <div id='ff'>something</div> 
    <input id='input'/> 
    <button id='btn1'>first</button> 
    <button id='btn2'>second</button> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script> 
     $(document).ready(function(){ 
      $('#btn1').click(function(){ 
       var input=$('#input').val(); 
       $('#ff').text(input); 
      }); 
      $('#btn2').click(function(){ 
       $('#ff').load('thing2.html'); 
      }); 
     }); 
    </script> 
</body>

出典

2016-11-24 R. Naidu

は、このファイルthing2.htmlの名前ですか？ – WEBjuju

問題を再現できないようです... [codepen]（http://codepen.io/NDfool/pen/gLRvMo?editors=0010） –

このラインで

$('#ff').load('thing2.html');

あなただけのid = "FF" であなたのdivを更新しているが、あなたはthing2.htmlの内容全体にロードされています。

出典

2016-11-24 21:17:59 WEBjuju

この商品をお求めの客様はこんな商品もお求めです。そうでない場合、もう少し説明できますか？

$(document).ready(function(){ 
 
    $('#btn1').click(function(){ 
 
     var input=$('#input').val(); 
 
     $('#ff').text(input); 
 
    }); 
 
    $('#btn2').click(function(){ 
 
     $('#input').val(''); 
 
    }); 
 
});

<div id='ff'>something</div> 
 
    <input id='input'/> 
 
    <button id='btn1'>first</button> 
 
    <button id='btn2'>second</button> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

出典

2016-11-24 21:26:00

あなたは、その複製、したがって、再びthings2.htmlをロードしています。私はlocation.reload（）を使って更新して正常に動作しています。これはあなたが探しているのですか？

$(document).ready(function(){ 
     $('#btn1').click(function(){ 
      var input=$('#input').val(); 
      $('#ff').text(input); 
     }); 
     $('#btn2').click(function(){ 
     // $('#ff').load('things.html'); 
     location.reload(); 
     }); 
    });

出典

2016-11-24 21:50:33 Ajaykumar

divを追加せずにリフレッシュするには

答えて

関連する問題