Добавить параметр из data-textval в URL после открытия лайтбокса

Question

Я хочу передать параметр data-textval = "value" из элемента в URL-адрес лайтбокса, который поступает из библиотеки SimpleLightbox.js.

На данный момент, когда я запускаю лайтбокс, URL выглядит так:

domainname.com / category / # pid = 1? Utm_source = портфель

Мне нужно добавить следующий параметр '& utm_content = value' элемент, который щелкает по URL-адресу без обновления страницы.

Это небольшой код, который я придумал, но он не работает:

        $('.lightbox_link').on('click', function (e) {
            var attr = $(this).attr('data-textval');
            var url = '&' + attr;
            if(window.location.href.indexOf("utm_source=portfolio") > -1){
                window.location = $(this).attr('href') + url;
                alert(window.location);
            } else {
                window.location;
            }
        })

Есть ли простой способ сделать это? это с JQuery / AJAX?

Answer 1

вам нужно назначить его для window.location.href, потому что он содержит URL

$('.lightbox_link').on('click', function (e) {
            var attr = $(this).attr('data-textval');
            var url = '&' + attr;
            if(window.location.href.indexOf("utm_source=portfolio") > -1){
                window.location.href = $(this).attr('href')+ url;
                alert(window.location.href);
            } else {
                window.location.href;
            }
        })