Как показать все qtips в cytoscape.js при нажатии кнопки

Привет Я пытаюсь показать все qtips, которые у меня есть в моем цикле cytoscape.js, когда нажата кнопка. Некоторые из моих элементов скрыты, поэтому я должен проверить, что у них есть класс show, прежде чем пытаться отобразить qtip. Вот мой кодКак показать все qtips в cytoscape.js при нажатии кнопки

cy.$('node[type = "net"]').forEach(function(ele) { 
      if (ele.hasClass('show')) { 
      console.log(ele.id()); 
      ele.qtip('toggle',true); 
      // i have also tried ele.qtip('show');  
     } 
     });

Однако я получаю следующую ошибку в консоли браузера.

'Uncaught TypeError: Не удается прочитать свойство 'установить' неопределенный: Cytoscape-qtip.js: 268'

спасибо.

источник

2016-02-13 user1768233

Убедитесь, что вы определили свои qtips заранее, если используете API.

Самый простой способ переключить qtips на несколько элементов - это настраиваемые события. Добавьте что-то вроде qtipshow в строку конфигурации show event и используйте `eles.trigger ('qtipshow').

Вы можете использовать тот же подход для скрытия.

Убедитесь в конфигурации вашего qtips, чтобы показать больше, чем один раз в: http://qtip2.com/options

Я не уверен, что проблема с вашим методом с использованием API, так как он не имеет достаточного контекста, чтобы сказать - - но события все же проще в использовании.

источник

2016-02-16 16:17:25 maxkfranz

Спасибо Макс, я думаю, что я нашел возможность установить, чтобы более одного qtip отображали сразу «solo: false». Однако я стараюсь понять, как добавить пользовательское событие, как вы описали. Можете ли вы показать мне пример пользовательского события, как вы предлагаете? Я создал jsfiddle, над которым я начал работать. https://jsfiddle.net/snfrLbcq/6/ Извинения Я по-прежнему относительно новичок в javascript. – user1768233

Привет Макс, я думаю, что я понял, что вы имели в виду. Однако я не могу заставить qtips показываться. Обновленный код здесь. Не могли бы вы, пожалуйста, взглянуть на меня? https://jsfiddle.net/snfrLbcq/17/ – user1768233

Вы сделали некоторые основные ошибки со своими объектами и вызовами API. Обязательно используйте соответствующий редактор, например Atom, и соответствующий отладчик, например Chrome. https://jsfiddle.net/snfrLbcq/19/ – maxkfranz

Как показать все qtips в cytoscape.js при нажатии кнопки

ответ

Смежные вопросы