Question

有人可以在这里帮忙吗？

我想填一个div，例如

<div id="contenthere"></div>

包含来自外部文件的内容，例如

/includes/about-info.html

单击具有特定类别的按钮时，例如

<p class="classloader">Click Here</p>

有没有人有一个快速的代码示例，他们可以告诉我实现这个目标？

Answer 1

使用jQuery.click和jQuery.load：

$(document).ready(function(){
    $('.classloader.').click(function(){
        $('#contenthere').load('/includes/about-info.html');
    });
})

Answer 2

加载最新版本的jQuery：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

jQuery代码：

<script language="javascript">
$(function(){
  $(".classloader").click(function(){
    $("#contenthere").load("/includes/about-info.html");
  });
});
</script>
</script>

HTML code：

<p class="classloader">Click Here</p>
<div id="contenthere"></div>

Answer 3

您可以订阅段落的.click()事件，然后使用.load()函数将AJAX请求发送到给定的URL并将结果注入指定的选择器：

$(function() {
    $('.classloader').click(function() {
        $('#contenthere').load('/includes/about-info.html');
        return false;
    });
});

Answer 4

尝试以下方法：

var myurl = 'myfileonthesamedomain.html';

$('button').click(function(){
    $('div.loadme').load(myurl);
});

Answer 5

使用这种简单的方法还可以进行运行时绑定：

$(document).ready(function(){
    $(document).on('click','.classloader',(function(){
        $('#contenthere').load('/includes/about-info.html');
    });
})

jQuery / AJAX - 单击按钮时将内容加载到div中？

5 个答案: