Question

我想在ajax的WORDPRESS主题的“inc”文件夹中包含1个php文件。顺便说一句，我点击每个标签时获得“li a”的ID。请告诉我我的代码有什么问题。我不擅长javascript。谢谢你的帮助。

这是我的JS代码。

<script type="text/javascript">
jQuery(".tab_menu ul li a").click(function() {
    jQuery("#result").html("<span class='loading'>Loading...</span>").fadeIn();
        var $linkId = $(".tab_menu ul li a").attr("id");
        $.ajax({
          url: "<?php echo get_bloginfo('template_url').'/inc/';?>" +$linkId+ ".php",
          type: "POST",
          data: {tab: linkId},
          success: function(msg){
            jQuery(".loading").remove();
            jQuery("<div>").html(msg).appendTo("div#result").hide().fadeIn("slow");
        }
    });
    return false;
});
</script>

这是我的标签菜单代码：

<div class="tab_menu">
            <ul>
            <li><a id="">Tab 1</a></li>
            <li><a id="tab_hinh_anh">Tab 2</a></li>
            <li><a id="tab_binh_luan">Tab 3</a></li>
            <li><a id="tab_ban_do">Tab 4</a></li>
            </ul>
            <div class="clear"></div>
</div><!--end tab-menu-->

我的php文件包含在“inc”文件夹中，文件名= linkId + .php（例如：inc / tab_ban_do.php）

当我点击每个标签..它淡入加载...文本..但不加载PHP文件。我查看源：+ linkId +不能更改选项卡的ID。：（

Answer 1

请试试这个：

它肯定会有效。

<script type="text/javascript">
jQuery(".tab_menu ul li a").click(function() {
    jQuery("#result").html("<span class='loading'>Loading...</span>").fadeIn();
        var $linkId = this.id;
        $.ajax({
          url: "<?php echo get_bloginfo('template_url').'/inc/';?>" +$linkId+ ".php",
          type: "POST",
          data: {tab: linkId},
          success: function(msg){
            jQuery(".loading").remove();
            jQuery("<div>").html(msg).appendTo("div#result").hide().fadeIn("slow");
        }
    });
    return false;
});
</script>

单击选项卡时，通过Ajax包含php文件

1 个答案: