将值发送到 jquery 函数

Question

我尝试将值发送到 jquery 函数，在函数内部我有一些 class 并且我需要在每种情况下发送一些变量

function videos_pop(idv)
{
jQuery('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
disableOn: 700,
type:'iframe',
mainClass:'mfp-fade',
removalDelay:160,
preloader:false,
fixedContentPos:false
});
}

在这种情况下，函数内部传递的值是 (idv)，我需要将其添加到每个 class 的末尾，如下所示：

jQuery('.popup-youtube**+idv**, .popup-vimeo**+idv**, .popup-gmaps**+idv**').magnificPopup({

这个问题我认为写错了这个语法并且不接受通过函数发送的值，因为我想我必须写特殊的因为 classes inside ('') 并以 ,

分隔

只有这个问题，谢谢你的帮助，问候

Answer 1

最简单的方法是连接选择器的字符串。

function videos_pop(idv)
{
    var selector = '.popup-youtube' + idv + ', .popup-vimeo' + idv + ', .popup-gmaps' + idv;
    jQuery(selector).magnificPopup({
        disableOn: 700,
        type:'iframe',
        mainClass:'mfp-fade',
        removalDelay:160,
        preloader:false,
        fixedContentPos:false
    });
}

您还可以在该选择器中放置一个占位符，然后使用 .split() 和 .join() 的组合。

function videos_pop(idv)
{
    var selector = '.popup-youtube[idv], .popup-vimeo[idv], .popup-gmaps[idv]'
        .split('[idv]')
        .join(idv);
    jQuery(selector).magnificPopup({
        disableOn: 700,
        type:'iframe',
        mainClass:'mfp-fade',
        removalDelay:160,
        preloader:false,
        fixedContentPos:false
    });
}

... 或创建一个正则表达式并使用 .replace()（记住全局 g 标志）。

function videos_pop(idv)
{
    var selector = '.popup-youtube[idv], .popup-vimeo[idv], .popup-gmaps[idv]'
        .replace(/\[idv\]/g, idv);
    jQuery(selector).magnificPopup({
        disableOn: 700,
        type:'iframe',
        mainClass:'mfp-fade',
        removalDelay:160,
        preloader:false,
        fixedContentPos:false
    });
}

将值发送到 jquery 函数

Send values to jquery function

jquery

magnific-popup