Nano Hash - криптовалюты, майнинг, программирование

Застрял программно перезагружая содержимое ajax на вкладке jQuery

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

Я очень просто инициализировал вкладки на своей корневой странице:

Javascript:

  $(document).ready(function(){
    $("#tabs").tabs({ cookie: { expires: 30 } });    
  });

HTML:

<div id="tabs">
<ul>
     <li><a href="#moderatorManage"><span>Find and Manage Moderators</span></a></li>
     <li><a href="flaggedCards/" id="flaggedCards" ><span>Flagged Cards</span></a></li>
     <li><a href="pendingDelete/"><span>SinBin / Pending Delete</span></a></li>
</ul>
</div>

Вы можете видеть, что я загружаю внешний URL-адрес «flaggedCards/». Там у меня есть больше jQuery с этой функцией:

    $(document).ready(function(){
        $("#controls_{{id}} input").click(function() {

                $(this).parent().parent().parent().addClass("highlight").fadeTo("slow", 0.1);
                $("#tabs").tabs( 'load' , 0 ); // fails also tried various selectors

        });
 });

То, что я пытаюсь сделать, это вызвать вкладку flaggedCards для перезагрузки при вызове этой функции, я пробовал различные синтаксисы безрезультатно.

  • docs.jquery.com/UI/API/1.7.1/Tabs#метод-загрузка

Ответы:


1

Я смог продублировать ту же проблему, о которой вы сообщаете в своем посте. Вот как я решил это.

На корневой странице, на которой размещены вкладки, добавьте эту функцию:

function selectTab(index){
 $("#tabs").tabs('load', index);
}

Затем на внешней странице URL «flaggedCards/» замените строку, которая гласит:

$("#tabs").tabs( 'load' , 0 );

с этим:

selectTab(0);

Я не знаю, почему этот обходной путь помогает. Возможно, это ошибка.

23.05.2009

2

Чтобы выполнить сценарий, вы должны убедиться, что тип данных запроса ajax — «html» — см. Параметры $.ajax. Для этого попробуйте использовать вкладки ajaxOptions, когда настройка вкладок.

$("#tabs").tabs({ cookie: { expires: 30 }, ajaxOptions: {dataType: "html"} });    

Другая проблема может заключаться в том, что $(document).ready(function(){, вероятно, не срабатывает, когда содержимое вкладки загружается через ajax. Попробуйте удалить это и соответствующий }. Когда он загружает ваш контент через ajax, мы надеемся, что он вставил его в документ до того, как он проверит сценарии.

У меня нет идей. Надеюсь, это поможет :-)

23.05.2009

3

я должен упомянуть, что он запускает сценарии в загружаемом html, см. функцию addclass, которая работает нормально, однако после запуска она не перезагружает вкладку с кодом, который я ввел. однако я попытаюсь добавить этот тип данных.

23.05.2009
  • Тогда это будет бит $(document).ready(function(){. .ready не срабатывает, когда страница загружается через ajax. Избавьтесь от этого и превратите его в прямой вызов функции, и все должно пройти нормально. 23.05.2009
  • @Dan - На самом деле $(document).ready() срабатывает просто отлично. Проблема заключается в вызове .tabs('load') 23.05.2009
  • Ну, тогда у меня не тот конец палки. Каждый день узнаешь что-то новое :-) 23.05.2009
  • Хм, так что, возможно, это было не так просто, как я думал. Я поигрался с селектором, я чувствую, что делаю что-то не так, но вызов всего очевидного тоже не работает. 25.05.2009
  • О, и да, я могу подтвердить, что функция готовности документа работает просто отлично, поскольку она запускает функцию addClass, как и ожидалось. 25.05.2009
  • Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..