如何将动态php页面放入jquery手风琴“活动”部分

我正在重做我的网站并随时拥有80-120辆车,所有车辆都通过其独特的库存在我的数据库中识别出来 数。 我正在使用jQuery的手风琴来列出这些车辆:
http://www.login .carcityofdanbury.com / New /?cat = 01 </ p>

如何将 edit.php?stock = __ STOCK __ </ code>嵌入到open的div中 手风琴,一旦手风琴打开?
我尝试只使用HTML &lt; embed&gt; </ code>标签,但它使页面加载速度极慢。</ p>

I 我是整个jQuery,Ajax,编码的新手,我完全是一个自学成才的“随时随地学习”的人,所以演示,教程或示例都会很棒。</ p>
</ div>

展开原文

原文

I am redoing my site and have at any time 80-120 vehicles, all identified in my db by their unique stock number. I'm using jQuery's accordion to list the vehicles: http://www.login.carcityofdanbury.com/New/?cat=01

How do I embed edit.php?stock=__STOCK__ into the div of the open accordion, once the accordion opens? I tried just using just an HTML <embed> tag, but it is making the page load extremely slow.

I am new to the whole jQuery, Ajax, coding thing and am completely a self taught "learn as I go" guy, so a demo, tutorial or example would be great.

duanfen9090
duanfen9090 你可以在这里得到帮助:http://api.jquery.com/jQuery.ajax/
8 年多之前 回复
duanqin9507
duanqin9507 jQuery的1.7.1.min.js
8 年多之前 回复
duanjuduo4573
duanjuduo4573 你使用的是什么版本的jQuery?有助于更好地定制答案。
8 年多之前 回复

3个回答



您可以使用jQuery .load函数的组合( http://api.jquery.com/load/ )和jQuery UI Accordion更改事件( http://jqueryui.com/demos/accordion/#event-change )在手风琴幻灯片打开后触发:</ p>

  $(document).ready(function(){

$(“#listVehicles”)。accordion({
collapsible:true,
active:false,
autoHeight:false,
更改:function(event,ui){
ui.newContent.load('edit.php',{stock:__STOCK__});
}
});

});
</ code> </ pre>

当触发更改事件时,将使用AJAX加载edit.php文件,并将HTML放入已打开的手风琴幻灯片中。</ p>
</ div>

展开原文

原文

You could use a combination of jQuery .load function (http://api.jquery.com/load/) and the jQuery UI Accordion change event (http://jqueryui.com/demos/accordion/#event-change) which gets triggered after an accordion slide opens:

$(document).ready(function(){

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

});​

When the change event is triggered, the edit.php file is loaded using AJAX and the HTML is dropped into the opened accordion slide.

dsplos5731
dsplos5731 您可能需要通过jQuery加载函数的data参数传递$ stock值。 我修改了我的答案以便通过它。
8 年多之前 回复
douzhizao0270
douzhizao0270 实际上它没有将$ stock变量传递到edit.php页面
8 年多之前 回复
doushang9172
doushang9172 这正是我想要完成的......谢谢Scrooby
8 年多之前 回复



您可以在这里获得一些帮助:
http://api.jquery.com/jQuery.ajax/ </ p>

示例:</ p>

 <  code> $ .ajax({
url:“yourPage.php”,
success:function(data){
$(“#youarea”)。text(data);
}
}); \ n </ code> </ pre>
</ div>

展开原文

原文

You could get some help here: http://api.jquery.com/jQuery.ajax/

Example:

$.ajax({
       url: "yourPage.php",
       success: function(data){
         $("#youarea").text(data);
       }
     });

dougou8639
dougou8639 这段代码在哪里,我怎么知道“#yourarea”是什么? div没有我分配给他们的id。
8 年多之前 回复



我建议使用jQuery load()</ code>功能专为此而设计。 你给它一个元素和一个url,它会把内容加载到元素中。</ p>

所以,在你的Accordion处理代码中,你需要放置以下内容:</ p >

 <代码> $( '#elementToLoadInto')负载( '库存edit.php =?' + ID'); 
</代码> </ PRE>

从那里,您的PHP页面应该提供单个(或多个,如果需要)&lt; div&gt; </ code>元素,而不是完整的HTML页面。 该内容将完全按原样放入 #elementToLoadInto </ code>中,就像它在那里编码一样。</ p>

jQuery也可以只加载页面的一部分,因此如果需要返回完整的HTML,也可以利用该功能 页面由于其他一些原因。</ p>
</ div>

展开原文

原文

I would recommend using the jQuery load() function which is designed for this specifically. You give it an element, and a url and it will load the content into the element.

So, in your Accordion handling code, you'll want to place the following:

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

From there, your PHP page should server up a single (or multiple if needed) <div> element, not a full HTML page. That content will be placed into #elementToLoadInto exactly as it is, just like it was coded there.

jQuery can also load only a piece of the page, so you could also take advantage of that functionality if you need to return a full HTML page for some other reasons.

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐