0

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

edit.php?stock=__STOCK__一旦手风琴打开，我如何嵌入到打开的手风琴的 div 中？我尝试只使用 HTML<embed>标记，但它使页面加载非常缓慢。

我是整个 jQuery、Ajax、编码的新手，完全是一个自学的“边走边学”的人，所以演示、教程或示例会很棒。

4

3 回答 3

2

您可以结合使用 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 拖放到打开的折叠式幻灯片中。

于 2012-05-04T14:51:47.393 回答
0

我建议使用专门为此设计的 jQueryload()函数。你给它一个元素和一个 url，它会将内容加载到元素中。

因此，在您的 Accordion 处理代码中，您需要放置以下内容：

$('#elementToLoadInto').load('edit.php?stock='+id');

从那里开始，您的 PHP 页面应该提供一个（或多个，如果需要）<div>元素，而不是一个完整的 HTML 页面。该内容将完全按原样放置#elementToLoadInto，就像在那里编码一样。

jQuery 也可以只加载页面的一部分，因此如果您出于某些其他原因需要返回完整的 HTML 页面，也可以利用该功能。

于 2012-05-04T14:57:43.683 回答
0

你可以在这里得到一些帮助：http: //api.jquery.com/jQuery.ajax/

例子：

$.ajax({
       url: "yourPage.php",
       success: function(data){
         $("#youarea").text(data);
       }
     });
于 2012-05-04T14:49:03.183 回答