2

私は自分の地元の動物保護施設のウェブサイトを志願しましたが、彼らはhttp://fsasri.com/に非常によく似たものを求めていました。ボタンの操作と、中央の div のみをクリックするとどのように変化するかが本当に気に入っています。ivは、innerhtmlとjqueryバージョンを使用して、これをさまざまな方法で達成しようとしましたが、頭の中で思い出すことができません。私が何をしても、それほど多くの新しいコンテンツを入れることができず、Internet Explorer にセキュリティ警告がポップアップ表示され、ブロックされたスクリプトと ActiveX を許可しない限り、変更が行われません。皆さんがこの効果を達成する方法と、このポップアップ Internet Explorer を回避する方法についてのヘルプは、バンドルに役立ちます. iv 多くの研究を行ってきましたが、これまでのところ運がありません

4

3 に答える 3

2

HTML:

<a href="http://path.com/to/page.html" data-ajax>Home</a>

JS:

$(function() {
    var box = $('#loadtodiv');
    $(document).on('click', 'a[data-ajax]', function(e) {
        e.preventDefault();
        $.ajax({
            type: 'post',
            url: $(this).attr('href'),
            success: function(data) {
                box.html(data);
            }
        });
    });
});

ページ上のコンテンツがボックスのみを対象としている場合、このような方法でそれを行う必要があります。そうでない場合は、ページ上の要素を具体的にターゲットにする必要があります。

于 2012-07-15T14:53:31.557 に答える
0

http://fsasri.comの Web サイトでは、正しく使用しないと多くのセキュリティ上の懸念があるため、私が本当にお勧めできないフレームを使用しています。

ただし、できることは、jQuery の Ajax 関数を使用して「メイン」div の内容を変更することです。ボタンは次のようになります。

<a href="javascript:void(0);" class="button" onclick="getPage('home')">Home</a>

また、次の関数を使用すると、適切に機能させることができます。

<script>    
function getPage(page)
{
   $.ajax({

     type: "GET",
     url: 'www.yourweb.com/' + page + '.html',
     success: function(data) {
          $('#maindiv').html(data);
     }

   });

}
</script>
于 2012-07-15T14:13:29.640 に答える
0

ASP.net を使ってみませんか?

独自の VB/C# コードは、変更したい Web サイト ページのコンテンツを更新または変更します。

于 2012-07-15T14:51:21.333 に答える