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ファイルは読み込まれません。そして、source: + 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 に答える