Javascript 具有多个动态元素的JQuery事件绑定

我正在设计一个网站，作为学校虚拟企业课程的一部分，需要一些帮助

好的，当用户单击站点顶部的一个缩略图时，会动态添加Order Now按钮

Order Now

。我想让大图像和描述/按钮，

og fullimg

和

og details

分别在用户单击订单按钮时滑出视口左侧；它们也是动态添加的。这是我到目前为止所做的，但它似乎不起作用

JS

我已经包括了jQueryUI。任何帮助都将不胜感激。我已经退房了。谢谢你的帮助

回答

我忘了为

.hide

添加松弛。将

og fullimg

和

og details

滑出视口所需的代码以及将订单

order\u form

滑入的代码如下所示

$(document).on('click', "#order-btn", function() {
    var order = $(this).parent(".og-details").attr("#order-btn");
    $("#og-fullimg").hide('slide', 'swing', '5000ms', {direction: 'left'}, 1000);
    $("#og-details").hide('slide', 'swing', '5000ms', {direction: 'left'}, 1000);
    $("#order_form").toggleClass('hidden');
}); 

---

花了一段时间，但我最终还是明白了。感谢那些提供帮助的人。

what for you use$（“#order btn”）。在（'click'上单击两次？在这里发布fiddle，您可以添加html代码吗？

$(document).on('click', "#order-btn", function() {
    var order = $(this).parent(".og-details").attr("#order-btn");
    $("#og-fullimg").hide('slide', 'swing', '5000ms', {direction: 'left'}, 1000);
    $("#og-details").hide('slide', 'swing', '5000ms', {direction: 'left'}, 1000);
    $("#order_form").toggleClass('hidden');
});