javascript函数影响具有许多元素的类,而不影响特定类
我正在尝试开发一个函数来影响一个包含很多元素的类。但是我不想让js函数影响一个特定的类,这个类也是前面提到的类中的一个元素。 问题是,当我在浏览器上以html文档的形式运行该项目时,我得到的代码工作得非常好。但是,当我将其转换为jade并运行node js时,控制台错误显示参数后缺少一个括号,并且它也不起作用。我认为它应该像我使用html文件测试代码时那样工作。路径说明和HREF都是正确的。我已经测试过了。 我得到的js代码javascript函数影响具有许多元素的类,而不影响特定类,javascript,html,node.js,Javascript,Html,Node.js,我正在尝试开发一个函数来影响一个包含很多元素的类。但是我不想让js函数影响一个特定的类,这个类也是前面提到的类中的一个元素。 问题是,当我在浏览器上以html文档的形式运行该项目时,我得到的代码工作得非常好。但是,当我将其转换为jade并运行node js时,控制台错误显示参数后缺少一个括号,并且它也不起作用。我认为它应该像我使用html文件测试代码时那样工作。路径说明和HREF都是正确的。我已经测试过了。 我得到的js代码 $window.on('load', function() {
$window.on('load', function() {
$('.thumbnails:not('bton')').poptrox({
onPopupClose: function() { $body.removeClass('is-covered'); },
onPopupOpen: function() { $body.addClass('is-covered'); },
baseZIndex: 10001,
useBodyOverflow: false,
usePopupEasyClose: true,
overlayColor: '#000000',
overlayOpacity: 0.75,
popupLoaderText: '',
fadeSpeed: 500,
usePopupDefaultStyling: false,
windowMargin: (skel.breakpoint('small').active ? 5 : 50)
});
});
我试着用各种可能的方法把报价改成双报价和单报价。请在这里指出我的错误。先谢谢你
编辑:
我的页面的html示例
<section class="thumbnails">
<div>
<a href="images/thumbs/OG1.jpg">
<img src="images/thumbs/OG1.jpg" alt="" />
<h3>Description</h3>
</a>
<a class="bton" href="#"><b>Click Here  </b><i class="fa fa-eye"></i></a>
</div>
</section>
bton是我为一些锚定标签提供的一个类
在这种情况下,选择器应该是
$('.thumbnails:not(.bton)')
你为什么不这样使用你的代码
$window.on('load', function() {
$('.thumbnails:not (.bton)').poptrox({
onPopupClose: function() { $body.removeClass('is-covered'); },
onPopupOpen: function() { $body.addClass('is-covered'); },
baseZIndex: 10001,
useBodyOverflow: false,
usePopupEasyClose: true,
overlayColor: '#000000',
overlayOpacity: 0.75,
popupLoaderText: '',
fadeSpeed: 500,
usePopupDefaultStyling: false,
windowMargin: (skel.breakpoint('small').active ? 5 : 50)
});
});
试试这个:
$(".thumbnails, .thumbnails *:not(a.bton)").poptrox(...);
您需要
.thumbnails
自己选择整个节,然后.thumbnails*:not(a.bton)
使用class=“bton”
选择节中除锚之外的所有元素,如果bton
是一个变量,则它必须是$('.thumbnails:not('+bton+'))
缩略图是该部分的类别。它包括divs图像、锚定标记等。bton是我为一些锚定标签提供的一个类。我希望该函数能够影响缩略图类和该部分中的所有其他类,但bton类的标记除外。当我在不使用localhost@AchalaWeerasooriya你所说的是什么意思它不是那样工作的?我检查了你的答案。但它没有起作用。我的意思是现在我的选择器是$('.thumbnails:not(.bton)').poptrox({
),但该函数仍然影响btonclass@AchalaWeerasooriya在这种情况下,请尝试$('.thumbnails')。而不是('.bton')
@gurvinder327似乎当我使用not时,该函数甚至不会影响缩略图类。当我删除not时,它会影响缩略图类。它也不起作用。当我使用该代码时,它会停止影响缩略图类中的任何类。我仍然不明白为什么要使用。缩略图:不在这里?有任何特定要求吗对于它?我想做的是这样的。示例:在这里,我希望js函数影响节中的所有内容,除了类为bton的锚标记。我以各种可能的方式使用了$('.thumbnails:not(.bton))
,甚至尝试了$('.thumbnails')。not('.bton)
但这两种工作都不适用请您编辑您的问题,添加html、css和jquery(如果有),然后开发人员就可以解决它…如果您必须这样做,$(“.thumbnails>a:not(.bton)”)不是合适的,但它将帮助您..不,仍然是一样的:(poptrox是做什么的?poptrox
似乎不太可能真的要将它应用到节中的每个元素。