主题的php文件中有一些代码需要变成h2而不是h3。我无法使用子主题执行此操作,因为它位于包含文件中。
这是我想要改变的代码片段:
$ret .= '<div class="gdlr-item-title-wrapper gdlr-item ' . $item_class . ' ">';
$ret .= '<div class="gdlr-item-title-head">';
if(!empty($atts['title'])){
$ret .= '<h3 class="gdlr-item-title gdlr-skin-title gdlr-skin-border">' . $atts['title'] . '</h3>';
}
if( !empty($atts['carousel']) ){
$ret .= '<div class="gdlr-item-title-carousel" >';
$ret .= '<i class="icon-angle-left gdlr-flex-prev"></i>';
$ret .= '<i class="icon-angle-right gdlr-flex-next"></i>';
$ret .= '</div>';
}
我一直在寻找一种方法来做到这一点。我读到了一些事情,并认为这可能有用。但我担心它对我来说还不起作用。我做错了吗?
<script>
jQuery(document).ready(function(){
$(function () {
$("gdlr-item-title gdlr-skin-title gdlr-skin-border").click(function () {
$("h3").replaceWith(function () {
return "<h2>" + $(this).text() + "</h2>";
});
});
});
});
</script>
答案 0 :(得分:0)
用这个替换你的JQuery
<script>
$(document).ready(function () {
$('body').on('click', '.gdlr-skin-border', function() {
$("h3").replaceWith(function () {
return "<h2>" + $(this).text() + "</h2>";
});
})
});
</script>