我正在 Wordpress 中使用其他人設(shè)置的模板，我需要修復(fù)一些問(wèn)題。有一個(gè) javascript 函數(shù)可以為每個(gè)被調(diào)用的 css 類添加一個(gè)類object-fit- 添加的類被調(diào)用bg--image。這是為了修復(fù) IE11 中顯示的錯(cuò)誤，其中所有圖像都搞砸了?，F(xiàn)在的問(wèn)題是，即使 css 類也被調(diào)用，有一個(gè)頁(yè)面不應(yīng)應(yīng)用此函數(shù)object-fit。我對(duì)如何在這里工作感到有些困惑。因?yàn)槲也幌肱獊y整個(gè)主題，而且我的編碼選項(xiàng)非常有限，所以它只會(huì)在我的腦海中打個(gè)結(jié)。有沒(méi)有可能我可以添加一個(gè) javascript 函數(shù)來(lái)不在這個(gè)特定的類上應(yīng)用 IE 11 函數(shù)？不同之處在于它不應(yīng)該應(yīng)用的一個(gè) img 是 a span，另一個(gè)不是。有任何想法嗎？try { if (ie_ver() == 11) { var $img = $('.banner--small').find('img'); $('.banner--small').attr('style', 'background-image:url(' + $img.attr('src') + ')'); $('.banner--small').addClass('bg--image'); $img.addClass('hidden'); var $img2 = $('.object-fit').find('img'); $('.object-fit').attr('style', 'background-image:url(' + $img2.attr('src') + ')'); $('.object-fit').addClass('bg--image'); $img2.addClass('hidden'); $('.slick__inner').each(function() { var $img3 = $(this).find('img'); $(this).attr('style', 'background-image:url(' + $img3.attr('src') + ')'); $(this).addClass('bg--image'); $img3.attr('style', 'display:none'); });<div class="article--text"> <div class="container container--tiny spacing--huge"> <?php the_content(); ?> </div> <div class="container margin-bottom--huge"> <?php if (get_field('direktionen')) { ?> <div class="flex flex--wrap flexgrid--gutter flexgrid--normal"> <?php foreach (get_field('direktionen') as $key => $child) { ?> <div class="flex__item one-third lg-one-half xs-one-whole"> <a href="<?php echo $child['link']; ?>" class="link--direction text--center margin-bottom--medium" target="_blank"> <span class="object-fit"><img src="<?php echo $child['photo']['sizes']['medium']; ?>" srcset="<?php echo $child['photo']['sizes']['mobile']; ?> 2x,<?php echo $child['photo']['sizes']['medium']; ?> 1x" alt="<?php echo $child['name']; ?>" /></span> <h3> <?php echo $child['name']; ?> </h3> <p> <?php echo $child['adresse']; ?> </p> </a> </div> <?php } ?>
1 回答
瀟瀟雨雨
TA貢獻(xiàn)1833條經(jīng)驗(yàn) 獲得超4個(gè)贊
由于這是一個(gè) WordPress 模板，您有幾個(gè)解決方案。
解決方案 1 - HTML & jQuery 修改
如果您只能向該頁(yè)面的 HTML 添加一個(gè)額外的類，那么將以下更新應(yīng)用到該頁(yè)面模板應(yīng)該可以避免將 .bg--image 類添加到該頁(yè)面：
HTML
<span class="object-fit avoid-change">
jQuery
$('.object-fit').not( '.avoid-change' ).addClass('bg--image');
有關(guān) jQuery 的 .not() 方法的更多信息：https : //api.jquery.com/not/
解決方案 2 - WordPress 條件
另一種選擇是使用 WordPress 條件來(lái)避免在此頁(yè)面上運(yùn)行整個(gè)腳本。
您可以使用以下內(nèi)容來(lái)防止腳本加載到此模板中：
<?php if(! is_page_template( 'your-template-name.php' )){ ?>
// place your script or wp_enqueue_script() code here
<?php } ?>
您還可以通過(guò)頁(yè)面 ID 定位準(zhǔn)確的頁(yè)面。在此示例中，您的頁(yè)面 ID 將為 7。
<?php if(! is_page( '7' )){ ?>
// place your script or wp_enqueue_script() code here
<?php } ?>
有關(guān) WordPress 條件的更多信息：https : //codex.wordpress.org/Conditional_Tags
- 1 回答
- 0 關(guān)注
- 180 瀏覽
添加回答
舉報(bào)
0/150
提交
取消