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

Загрузить функцию jQuery из href по клику

У меня есть таблица HTML со столбцом в строке с этим HTML-кодом внутри тегов <td></td>:

 <a onclick="modalDialog(this); return false;" href="javascript:void(0)">17795</a>
    <div style="display: none;" class="MessageDataDiv">
     some text to show up in my jquery modal window when function modaldialog is clicked.
    </div>

И функция jQuery, которая вызывается, когда onclick запускается внутри ссылки href

function modalDialog(event) {
        $('a.message').click(function () {
         var div = new $(this).closest("td").find(".MessageDataDiv").clone();
         div.show().dialog();
          event.preventDefault();
        });
    }

Как я могу написать функцию jQuery, чтобы функция срабатывала только один раз при нажатии ссылки? Мне нужно, чтобы функция jQuery modalDialog была отдельной функцией, потому что таблица html использует частичный рендеринг AJAX.

Проблема в том, что когда я щелкаю ссылку a href в первый раз, ничего не происходит, второй щелчок по ссылкам дает мне два модальных диалога, а третий щелчок дает мне три модальных диалога и так далее...

jquery modal-dialog onclick partial-views
18.05.2010

Ответы:


1

Я думаю, что самый простой способ - иметь один div, который показывает все остальные тексты.

<div id="MessageDataDiv"></div>

<script>
$(function() {
  $('#MessageDataDiv').dialog({ autoOpen: false });
});
function modalDialog(a) {
  if($(a).data('clicked')) return false;
  $(a).data('clicked', true);
  $('#MessageDataDiv').html($(a).next().text()).dialog();
  return false;
}
</script>

Таким образом, вам не нужно создавать каждый раз, когда вы открываете диалог.

18.05.2010
  • это был правильный и чистый способ переписать мой код. Это сработало как шарм. Спасибо. 18.05.2010

    • 2

    Вы можете использовать что-то вроде этого;

    При первом входе:

      function modalDialog(event) {
    if (!$(document).data("clicked"))
    {
      $(document).data("clicked", true);
      $('a.message').click(function () {
        var div = new $(this).closest("td").find(".MessageDataDiv").clone();
        div.show().dialog();
        event.preventDefault();
      });
    }
  }

    Вам также может сойти с рук использование «return false;» вместо запуска event.preventDefault();

    18.05.2010

    3

    Я бы сделал это по-другому. Я бы начал с такой разметки:

    <div class="message">
  <a href="#">17795</a>
  <div>some text to show up in my jquery modal window when function modaldialog is clicked.</div>
</div>

    с CSS:

    div.message > div { display: none; }

    и JS:

    $("div.message > a").one("click", function() {
  $(this).next().dialog();
  return false;
});
    18.05.2010
  • Если вы собираетесь это сделать, вам лучше использовать jQuery.one(), а не связывать/развязывать беспорядок. Документы: api.jquery.com/one 18.05.2010
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..