Question

问题：

$( "#google_map_vc_box" ).before( $( "#banners" ) );
$( "#google_map_vc_box" ).after( $( ".css3button" ) );

通过上述方法，我可以在大型网站上的元素之前和之后插入新的divs;我正在index.php或首页

上实施此功能

问题;在主页上，我的新div正在显示，他们不应该，我仅希望这些新div在元素{{之前和之后填充时显示1}}

新div的内联标记位于home或index.php页面（Joomla Site）

#google_map_vc_box

我尝试过切换，<button type="button" name="" value="" class="css3button">“Buy this item directly from 'Fusion Cine'”</button> <div id="banners" style="padding: 10px;"> <center> <div id="slider"> <a href="#"> <img src="http://i5.photobucket.com/albums/y191/venus1982/banner_468x60.gif"><br> </a> <a href="#"> <img src="http://www.kelownadragonboatclub.com/wp-content/uploads/2013/01/Adspace-banner-468x60.png"><br> </a> <a href="#"> <img src="http://divathemes.com/demo_classy/wp-content/uploads/2011/04/468x60placeholder.png"><br> </a> <a href="#"> <img src="http://3.bp.blogspot.com/_aAjcAMHOGT4/TLqvrBFKCpI/AAAAAAAAFNM/yL_OFQh9M1Q/s1600/banner_468.png"><br> </a> <a href="#"> <img src="http://themecanon.com/themes/nosh/wp-content/uploads/2014/06/banner_468x60.jpg"><br> </a> <a href="#"> <img src="http://dummyimage.com/fullban"><br> </a> <a href="#"> <img src="http://www.zero-art.ru/images/placeholder_banner468x60.gif"><br> </a> <a href="#"> <img src="http://mycashbox.net/static/media/images/placeholder/468x60.gif"><br> </a> <a href="#"> <img src="http://i5.photobucket.com/albums/y191/venus1982/banner_468x60.gif"><br> </a> <a href="#"> <img src="http://i5.photobucket.com/albums/y191/venus1982/banner_468x60.gif"><br> </a> <a href="#"> <img src="http://i5.photobucket.com/albums/y191/venus1982/banner_468x60.gif"><br> </a> </div> </center> </div>甚至是display:hidden display:none

没有成功，有什么指针？

Answer 1

您可能需要做的只是if语句。

例如：

if ($('#home-page').length) {
    $( "#google_map_vc_box" ).before( $( "#banners" ) );
    $( "#google_map_vc_box" ).after( $( ".css3button" ) );
}

我只是以#home-page为例。那么有一个唯一的ID只出现在主页而不是其他任何人身上吗？如果是这样，请使用它。如果您没有，我建议您只在主页正文标记中添加唯一ID。

例如，如果您的主页具有此身份标签的html

<body id="home-page">

然后if ($('#home-page').length)将检查长度是真还是假。如果id＃home-page没有出现在页面上，那么插入就不会发生，但如果你在页面上确实有这个元素，那么它就会出现。

使用.before在大型网站上弹出新的div，隐藏在索引页面上

1 个答案: