javascript-don';t为特定css类添加类

javascript-don';t为特定css类添加类,javascript,php,css,wordpress,Javascript,Php,Css,Wordpress,我正在Wordpress中使用其他人设置的模板,我需要修复一些东西 有一个javascript函数,它向每个css类添加一个名为objectfit的类-添加的类名为bg--image。这是为了修复IE11中出现的一个错误,在IE11中所有的图像都被弄乱了 现在的问题是,有一个页面不应该应用此函数,即使css类也被称为objectfit 我对如何在这里工作有点困惑。因为我不想把整个主题搞砸,而且我的编码选项也很有限,所以我的脑子里就有了一个结 有没有可能我可以添加一个javascript函数来不在

我正在Wordpress中使用其他人设置的模板,我需要修复一些东西

有一个javascript函数,它向每个css类添加一个名为
objectfit
的类-添加的类名为
bg--image
。这是为了修复IE11中出现的一个错误,在IE11中所有的图像都被弄乱了

现在的问题是,有一个页面不应该应用此函数,即使css类也被称为
objectfit

我对如何在这里工作有点困惑。因为我不想把整个主题搞砸,而且我的编码选项也很有限,所以我的脑子里就有了一个结

有没有可能我可以添加一个javascript函数来不在这个特定的类上应用IE 11函数?区别在于,不应该应用的一个img是
span
,而另一个不是

有什么想法吗

试试看{
如果(即版本()==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\uuu-inner')。每个(函数(){
var$img3=$(this.find('img');
$(this.attr('style','background image:url(+$img3.attr('src')+));
$(this.addClass('bg--image');
$img3.attr('style','display:none');
});

由于这是一个WordPress模板,您有几个解决方案

解决方案1-HTML和jQuery修改

如果您可以仅向此页面的HTML添加其他类,则将以下更新应用于此页面模板应允许您避免将.bg--image类仅添加到此页面:

HTML

有关jQuery的.not()方法的详细信息:


解决方案2-WordPress有条件

另一个选项是使用WordPress条件,以避免在此页面上运行整个脚本

您可以使用以下方法防止在此模板中加载脚本:

<?php if(! is_page_template( 'your-template-name.php' )){  ?>
   // place your script or wp_enqueue_script() code here
<?php } ?>

//将脚本或wp_enqueue_script()代码放在此处
您还可以通过页面ID来定位一个精确的页面。在本例中,您的页面ID为7

<?php if(! is_page( '7' )){  ?>
   // place your script or wp_enqueue_script() code here
<?php } ?>

//将脚本或wp_enqueue_script()代码放在此处
有关WordPress条件的更多信息:

您必须将另一个类添加到活动不应应用的元素中。给定的选择器字符串始终具有相同的含义,但如果使用另一个类来标记特殊元素,则可以添加
:not()
子句添加到选择器。同样是干的-不要重复你自己。具有相同html的PHP IF应该是html,并在需要时测试direktionen“区别在于,不应该应用的一个img是span,另一个不是span”-因此
。对象适合:不是(span)
那么…?
<?php if(! is_page_template( 'your-template-name.php' )){  ?>
   // place your script or wp_enqueue_script() code here
<?php } ?>
<?php if(! is_page( '7' )){  ?>
   // place your script or wp_enqueue_script() code here
<?php } ?>