Question

代码没有显示我的PHP元素，我想知道原因。

以下是我使用的HTML：

<div class="tablocation">

    <ul class="css-tabs">
      <li><a class="current" href="/wp-content/themes/blue-and-grey/uni-general.php">General</a></li>
      <li><a href="/wp-content/themes/blue-and-grey/uni-courses.htm">Courses</a></li>
      <li><a href="/wp-content/themes/blue-and-grey/uni-inthearea.htm">In the area</a></li>
      <li><a href="/wp-content/themes/blue-and-grey/uni-sportsandfacilities.htm">Sports & facilities</a></li>
    </ul>

    <div class="clear"></div>

    <div class="css-panes">
      <div style="display:block"></div>
    </div>

第一个实例，对于uni-general.php - 将无法加载，但 .htm 的其他文件将加载。只要它是PHP文档就不会。

另外 - 下面是我用来加载文档的脚本。

<script>
    $(function() {
        $("ul.css-tabs").tabs("div.css-panes > div", {
        effect: 'ajax',
        onBeforeClick: function(event, i) {
        // get the pane to be opened
        var pane = this.getPanes().eq(i);

            // only load once. remove the if ( ... ){ } clause if
            // you want the page to be loaded every time
        if (pane.is(":empty")) {
            // load it with a page specified in the tab's href
            // attribute
            pane.load(this.getTabs().eq(i).attr("href"));
        }
        }
    });
    });
</script>

如果需要，我可以提供PHP文档，但为了公平起见，我认为这不是问题所在。

Answer 1

从标准插件功能看起来不太习惯。

只需加载标签$("ul.css-tabs").tabs();

即可

使用jQuery UI，无论您拥有什么href，都会通过标签中的ajax加载。

*Fetch external content via Ajax for the tabs by setting an href value in the tab links.*

http://jqueryui.com/demos/tabs/#ajax

使用AJAX显示单独的PHP文档

1 个答案: