Блог

Главная - Вопросы по программированию - $.extend($.tablesorter.themes.jui, { Неперехваченное исключение: не удается прочитать ‘themes’ undefined

$.extend($.tablesorter.themes.jui, { Неперехваченное исключение: не удается прочитать ‘themes’ undefined

#themes #tablesorter

#темы #сортировщик таблиц

Вопрос:

Я хотел бы отсортировать таблицу с помощью tablesorter с ожиданием, подобным прилагаемой скрипке

https://jsfiddle.net/saranya2020/ykn035rf/6/

Сортировка таблиц, но проблема в том, что в моем первом столбце есть ссылка href, когда только при нажатии на значок она должна расширяться. Но после применения приведенных ниже тегов скрипта для сортировки, когда я нажимаю стрелку вверх или вниз, мой href автоматически расширяется: ( и во время загрузки страницы появляется ошибка,

Неперехваченная ошибка типа: не удается прочитать свойство ‘themes’ неопределенной @строки: $.extend($.tablesorter.themes.jui, {

      <script src="https://mottie.github.io/tablesorter/js/jquery.tablesorter.js"></script>
     <script src="https://mottie.github.io/tablesorter/addons/pager/jquery.tablesorter.pager.js"></script>
       <script src="https://mottie.github.io/tablesorter/js/jquery.tablesorter.widgets.js"></script>
     <link rel="stylesheet" href="https://mottie.github.io/tablesorter/addons/pager/jquery.tablesorter.pager.css"/>
     <link rel="stylesheet" href=" https://mottie.github.io/tablesorter/css/theme.bootstrap.css"/>
     <link rel="stylesheet" href="https://mottie.github.io/tablesorter/css/theme.black-ice.css"/>
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css"/>
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"/>
     <link rel="stylesheet" href="https://mottie.github.io/tablesorter/css/theme.bootstrap.css"/>
      <link rel="stylesheet" type="text/css" href="../css/theme.jui.min.css"/>

Пожалуйста, дайте мне знать, что я пропустил или добавил неправильно, чтобы избежать этой проблемы.

Комментарии:

1. Похоже, что jQuery может быть загружен дважды на вашей странице. Первый экземпляр содержит tablesorter, а второй пытается инициализировать tablesorter .

2. @Mottie: Большое спасибо за выделение. Проблема решена. Темы Jui инициализировались дважды.

3. @Mottie: Не могли бы вы, пожалуйста, помочь мне, как избежать автоматического расширения одного из моих столбцов во время сортировки. В моей таблице в первом столбце есть значок , который только при нажатии на него расширяется и отображает мало данных. Но теперь после применения сортировки согласно jsfiddle.net/saranya2020/ykn035rf/7 когда я выполняю сортировку, мой столбец автоматически расширяется, и таблица выглядит странно.

4. Пожалуйста, обновите демонстрационную версию сворачиваемым кодом, чтобы упростить устранение неполадок

5. Я не могу сказать, хотите ли вы, чтобы отображалась только одна строка, или каждая строка должна иметь свою собственную скрытую строку. В первом сценарии добавьте отдельный <tbody> со строкой, а во втором сценарии добавьте tablesorter-childRow класс в присоединенную строку ( демо ).