php - 如何将动态 php 页面放入 jquery Accordian "active"部分

Question

我正在重做我的网站，并且随时有 80-120 辆车，所有车辆都在我的数据库中通过其唯一的库存号进行识别。我使用 jQuery 的 Accordion 来列出车辆: http://www.login.carcityofdanbury.com/New/?cat=01

如何嵌入 edit.php?stock=__STOCK__进入打开的 Accordion 的 div，一旦 Accordion 打开？我尝试只使用 HTML <embed>标签，但它使页面加载速度非常慢。

我对整个 jQuery、Ajax、编码都很陌生，并且完全是一个自学成才的“边走边学”的人，所以演示、教程或示例会很棒。

Answer 1

您可以结合使用 jQuery .load 函数 ( http://api.jquery.com/load/ ) 和 jQuery UI Accordion 更改事件 ( http://jqueryui.com/demos/accordion/#event-change )，该事件在折叠式幻灯片打开后触发:

$(document).ready(function(){

    $("#listVehicles").accordion({
        collapsible: true,
        active: false,
        autoHeight: false,
        change: function(event, ui){
            ui.newContent.load('edit.php', { stock: __STOCK__ });
        }
    });

});​

当触发更改事件时，将使用 AJAX 加载 edit.php 文件，并将 HTML 放入打开的 Accordion 幻灯片中。