2

我自愿为我当地的动物收容所建立一个网站,他们想要一个与http://fsasri.com/非常相似的网站。我真的很喜欢他们对按钮所做的事情,以及当您仅单击中心 div 时的变化。iv 尝试使用innerhtml 和jquery 版本来完成这多种方式,我不记得它了。无论我做什么,我都无法放入那么多新内容,并且 Internet Explorer 会弹出一个安全警告,并且不会让更改发生,除非您允许阻止脚本和 activeX。帮助你们如何实现这种效果以及避免这种弹出式互联网探索的方法将有助于捆绑。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上的网站使用框架,如果使用不当,由于存在很多安全问题,我真的不推荐。

但是,您可以做的是使用 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# 代码将更新或更改您想要更改的网站页面的任何内容。

于 2012-07-15T14:51:21.333 回答