Используйте функцию JS на динамической странице
У меня есть таблица, которая создается при вызове этой страницы, и я написал функцию для сжатия ссылок в таблице до последних 4 символов.
return function() {
var f = function() {};
f.version = "1";
f.afterDraw = function() {
var txt = document.querySelector('[id^=data-table] > tbody ').getElementsByTagName('a');
for (var i = 0; i < txt.length; i++) {
txt[i].textContent = txt[i].textContent.toString().slice(-4);
}
};
return f;
}();
Моя проблема в том, что если я перейду на страницу 3:
ссылки отображаются полностью и не сжимаются, конечно, это происходит для каждой страницы, кроме страницы, которая была фактически загружена.
Что я делаю неправильно в своей функции?
У меня нет функции переключения страниц, потому что код, который я добавляю, находится внутри редактора стилей, встроенного в веб-приложение.
У вас есть функция, которая сразу выполняется, выполняется ли она снова при смене страниц? Если этих элементов на последующих страницах еще нет в DOM, вам нужно будет запускать функцию после каждого переключения страницы.
Наверное, нет. Но когда я перехожу на следующую страницу в таблице, страница не обновляется, обновляется только таблица. Как я могу добавить слушателя или что-то в этом роде, чтобы снова выполнить эту функцию?
Вы можете добавить прослушиватель событий щелчка. в jquery $(document).on('click', '.CLASS-OF-PAGE-NUMBER', function(){ //run function again}); EDIT для этого вы можете назвать свою функцию.
Можно ли использовать селектор вместо класса?
Да что угодно, чтобы определить, какой элемент вы нажимаете
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Какая у вас функция для переключения между страницами? Если вы используете обработчик событий, вам может потребоваться делегировать свое событие. То же самое происходит, если вы посещаете URL третьей страницы в адресной строке?