我有个小问题。我们的代理正在使用Drupal,但我们希望自己更改一些小东西。我精通HTML/CSS,但不太精通JS。
现在我有个问题了。我将HTML代码粘贴到内容部件中。
这是我的HTML代码:
<div class="accordion">
<div>
<input type="radio" name="acc" id="question01" checked="">
<label for="question01">question</label>
<div class="accordion-content">
<p>content</p>
</div>
</div>
它应该是一个手风琴只与CSS。它在本地运行得很好,但是在Drupal系统中有一个Javascript函数,它在<input>
周围添加了一个<div>
元素,所以我的CSS就不能再工作了,这意味着我不能再打开这个accordion了。
Drupal中的HTML:
<div class="accordion">
<div>
<div class="medium styledRadio" style="background-image: url("/assets/img/sprite-radiobuttons-medium.png"); width: 23px; height: 24px; cursor: pointer; background-position: 0px 0px;">
<input checked="checked" id="question01" name="acc" type="radio" class="medium" style="display: none;">
</div>
<label for="question01">question</label>
<div class="accordion-content">
<p>content</p>
</div>
</div>
所以我的问题是:有没有一种简单的方法来覆盖这个JavaScript?也许有一个简单的解决方案可以在class="accordion"
中删除这个额外的<div>
,我可以将其添加到这个内容部分中。
发布于 2018-10-29 18:42:55
可以使用jQuery删除额外的。我不确定这就是你要找的东西。不过,它仍然可以作为解决方案来删除额外的div
var content = $(".styledRadio").contents();
$(".styledRadio").replaceWith(content);
https://stackoverflow.com/questions/53043124
复制相似问题