0

子ページを親ページの DIV に埋め込むことができることに混乱していますが、そのような DIV 内の子ページのアクションを制限することはできません。子ページに属するボタンを押すと、ページ全体が新しいページに更新されます。一部更新していません。

私のHTMLは次のとおりです。

親ページ:

        < div id="container" >
        < /div>

        <script>
         $("#container").load("/child-page/");
        </script>

子ページ:

        < input type="button" name="Create" 
          value="Create" 
          onclick="$("#container").load("/child-page/")" />

ページ全体を更新せずに、親ページの DIV のみを更新するにはどうすればよいですか?

よろしく、ジョシュ

4

2 に答える 2

0 
<div id="container"></div>
<input type="button" name="flavor_create_btn" value="Create Flavor" />
<script>
$(document).ready(function(){
   $('input[name="flavor_create_btn"]').on('click', function(){
      $("#container").load("/child-page/");
   });
});
</script>
于 2012-07-04T09:48:03.277 に答える
0

ページparent-page.htmlは次のようになります。

<script type="text/javascript" language="javascript">
$(document).ready(function(){
    $("#container").load("./child-page.html");
});
</script>

<marquee>Parent Page!</marquee>
<div id="container"></div>

そしてあなたchild-page.htmlは次のようになります：

<input type="button" name="Create" value="Create" onclick="$('#container').load('./child-page.html')" />

\"また、の代わりに使用することもできます'。だからonclick="$("#container").load("/child-page/")"間違っている！

タグを使用marqueeして、親ページ全体が更新されないことを通知しました。

于 2012-07-05T07:39:35.133 に答える