Sayonji

Укажите пейджеру ширину. Например,

viewPager:{
    flex: 1,
    alignSelf: 'stretch'
}

Замените ui.item.attr('data-depth', (classDeptch)); на ui.item.data('depth', (classDeptch));
jQuery кеширует data-аттрибуты после чтения.

$("#bodyOFsummernote").off('submit').submit(...

В джквери обработчики добавляются, надо старый удалять самому.

А в чем, собственно, проблема?
Пусть S(html, id) — функция, которая возвращает 0, если в html есть нужный id, -1 если он слева и +1 если справа.
Пусть GET(n, callback) — функция, которая скачивает страницу номер n и передает в коллбек.
Судя по вашей формулировке, вы не знаете номер последней страницы. В таком случае делаете бинарный поиск сначала вперед, а потом уже вглубь:

var _cached = {}
function G(n, callback) {
  // сразу всё будет кешировать, чтобы не париться с повторными проверками
  if (_cached[n])
    return _cached[n]
  GET(n, function (html) {
    _cached[n] = html
    callback(html)
  })
}

function searchUp(id, n, found) {
  // удваиваем номер страницы, пока не проскочим нужный id
  G(n, function(html) {
    var res = S(html, id);
    if (res == 0)
      found(n, html)
    else if (res > 0)
      searchUp(id, 2 * n, found)
    else
      searchBinary(id, n/2, n, found)
  })
}

function searchBinary(id, n1, n2, found) {
  // обычный бинарный поиск
  n = ((n1 + n2)/2)|0;
  G(n, function (html) {
    var res = S(html, id);
    if (res == 0)
      found(n, html)
    else if (res > 0)
      searchBinary(id, n, n2, found)
    else
      searchBinary(id, n1, n, found)
  })
}

searchUp(123, 1, function(n, html) {
  // Ищем 123 коммент, начинаем с 1 страницы
  console.log(n, html)
})

Например, можно сделать какой-то такой скрипт:

document.write(
  "<link href='style.css'>" +
  "<link href='style_2.css'>" +
  //... +
  "<script src='jquery.js'></script>"
);

Насколько я знаю, с маленькой буквы так можно рендерить только теги. Попробуйте
function PropsPasser(Element, props)
и
<Element />

Было:

$(".s"+i).on("ifUnchecked", function () {
    ctoggler("sport"+i, 0);
    alert(i);
});
$(".s"+i).on("ifChecked", function () {
    ctoggler("sport"+i, 1);
});

Стало:

$(".s"+i).on("ifUnchecked", function (i) { // <--- аргумент
    ctoggler("sport"+i, 0);
    alert(i);
}.bind(null, i)); // <--- зафиксировали
$(".s"+i).on("ifChecked", function (i) { // <--- аргумент
    ctoggler("sport"+i, 1);
}.bind(null, i)); // <--- зафиксировали

Альтернатива 1, так делают обычно:

(function(i) { // <--- аргумент
    $(".s"+i).on("ifUnchecked", function () {
        ctoggler("sport"+i, 0);
        alert(i);
    });
    $(".s"+i).on("ifChecked", function () {
        ctoggler("sport"+i, 1);
    });
}) (i) // <---- зафиксировали

Альтернатива 2, современный javascript:

for(let i=1; i<23; i++){
    // Код как у вас, let создается в каждой итерации цикла заново,
    // и замыкания работают как надо.
}

Вы сравниваете массив со строкой. Исправьте на arr.join('') в конце.

Задача непростая. Создать NodeList просто так нельзя, только браузер это умеет. А если ваш элемент в странице, то и вложить его в собстенный контейнер мы не можем, ибо можно что-нибудь сломать. Я бы наверное предложил такой грязный метод:

function wrap(element) {
  var parent = element.parentNode;
  var pos = Array.prototype.slice.call(parent.children).indexOf(element) + 1
  return parent.querySelectorAll(':scope > :nth-child(' + pos + ')')
}

Он полагается на наличие :scope, который есть не во всех браузерах. Альтернатива, которая меняет DOM, но зато будет работать на большем числе компьютеров:

function wrap(element) {
  var token = ('data-t' + Math.random()).replace('.', '-')
  element.setAttribute(token, 1)
  var list = element.parentNode.querySelectorAll('[' + token + ']')
  element.removeAttribute(token)
  return list
}

UPD:
Очевидно, оба метода полагаются на то, что у элемента есть родитель. Если его нет, то можно создать ему обертку и вернуть ее свойство children.

Ошибка вот здесь: $("div").is(attrib)
У некоторой ссылки прописано href="#", соответственно attrib === '#', а это невалидный селектор.

Документация метода $.is()

vk.com/share.php использует подобие jsonp. Вот пример:

window.VK = {Share:{}}

class Vkontakte {
  constructor(url = document.location.href) {
    this.url = encodeURIComponent(url);
  }
  getCounter() {
    let count_url = 'https://vk.com/share.php?act=count&index=1&url=' + this.url;
    window.VK.Share.count = (_, counter) => {
        console.log(counter)
        script.parentNode.removeChild(script)
    }
    let script = document.createElement('script')
    script.src = count_url
    document.body.appendChild(script)
  };
}

new Vkontakte().getCounter();

Через ajax-запрос vk данные не отдаёт, так что fetch тут не поможет.

Tumblr же использует настоящий jsonp. Скачайте библиотеку или делайте вручную, например так:

class Tumblr {
  constructor(url = document.location.href) {
    this.url = encodeURIComponent(url);
  }
  getCounter() {
    let callback = ('cb_' + Math.random()).replace('.', '')
    let count_url = 'https://api.tumblr.com/v2/share/stats?url=' + this.url +
      '&callback=' + callback;
    window[callback] = function(counter) {
        console.log(counter.response.note_count)
        script.parentNode.removeChild(script)
    }
    let script = document.createElement('script')
    script.src = count_url
    document.body.appendChild(script)
  };
}

new Tumblr().getCounter();

Делайте регуляркой:

function parseMobile(mobile) {
  let mob = String(mobile).replace(/[^0-9]/g, '')
  if (mob.length === 10 && mob.substr(0, 3) === '033')
    mob = '777' + mob.substr(1)
  return mob
}

В vk_counter вы кладёте результат выполнения getCounter(). Эта функция ничего не возвращает, что эквивалентно возврату undefined.