2

我想通过 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-->

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

当我单击每个选项卡时.. 它会淡入正在加载...文本.. 但不加载 php 文件。我查看源代码：+ linkId + 不会更改为选项卡的 ID。:(

4

1 回答 1

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>
于 2012-12-16T06:41:15.497 回答