从标签菜单中克隆div并将它们叠加在一起

Hi everyone I need help on how I can clone div and display them on top of each other.

大家好,我需要帮助我如何克隆div并将它们显示在彼此之上。

Here is the scenario:

这是场景:

1.) I want each of the divs under this tabs to be stacked up on each other. (Screenshot #1)

1.)我希望这个标签下的每个div都相互叠加。 (截图#1)

Screenshot #1

2:) Here's how the div looks under the map tab.

2 :)以下是div在地图选项卡下的外观。

Screenshot #2

3:) I tried to clone the map so it will show above the "Property Features", but it just showed blank above the "Property Features" div after the page load.

3 :)我试图克隆地图,因此它将显示在“属性功能”上方,但它只是在页面加载后在“属性功能”div上方显示空白。

Here is the code that I used.

这是我使用的代码。

jQuery(document).ready(function(){ 
jQuery('#ihf-map-tab-content').append(jQuery('#ihf-detail-features-tab').remove().clone(true)).html();
});

Screenshot #3

4:) I still need to click the map tab so the map will show above the "Property Feature"

4 :)我仍然需要点击地图标签,以便地图显示在“房产特征”上方

Screenshot #4

Can you Please help me on how can I clone the divs under the tabs and display perfectly?

你能帮我解决一下如何克隆选项卡下的div并完美显示?

Here is the Sample link from the live site: http://www.nikkibascon.com/homes-for-sale-details/217-S-STANLEY-DRIVE-BEVERLY-HILLS-CA-90211/16149602/306/

以下是实时网站的示例链接:http://www.nikkibascon.com/homes-for-sale-details/217-S-STANLEY-DRIVE-BEVERLY-HILLS-CA-90211/16149602/306/

But I am editing this feature on my localhost first, so it wont show on live yet.

但是我首先在我的localhost上编辑这个功能,所以它不会在现场显示。

Thank You in advance!

先感谢您!

1 个解决方案

#1

try this

jQuery(document).ready(function(){ 
jQuery('#ihf-detail-features-tab').prepend(jQuery('#ihf-map-tab-content').children('.row').clone(true));
});