JQuery / Javascript плагин лучшие практики - PullRequest
Новая
       30

JQuery / Javascript плагин лучшие практики

0 голосов
/ 18 июля 2011

Я не особенно знаком с использованием jQuery / Javascript, поэтому я не знаю, как лучше всего выполнить то, что я спрашиваю, это работает, но я не знаю, насколько это эффективно.

В основном у меня есть плагин TipTip для создания всплывающих подсказок.Он либо берет из атрибута «title» информацию о том, над чем вы хотите отобразить подсказку, либо вы можете использовать опцию в скрипте для включения HTML, например так: 

<script type="text/javascript">
$(function(){
$(".someClass").tipTip({content:"<strong>What you want in the tooltip</strong>"; })             
});
</script>

Я хочу создатьНа моей странице много различных всплывающих подсказок, но все они соответствуют сходному стилю и на самом деле нуждаются только в изменяемой переменной (они являются индикатором прогресса, поэтому мне нужно передать только одно значение для% прогресса).1010 *

Так можно ли просто иметь много тегов сценария и дублировать приведенный выше код, или я могу как-то передать в него переменную и оставить только один фрагмент кода всплывающей подсказки вверху?

Или этот вопрос подходит для разработчиков TipTip?Заранее спасибо.

1 Ответ

4 голосов
/ 18 июля 2011

Предполагая, что HTML5 подходит для использования в этом сценарии, я бы рекомендовал использовать html-атрибуты данных для хранения всплывающих подсказок для вашего элемента ... и затем использовать его для заполнения плагина подсказки ... 

$(function(){
    $('.toolTipClass').each(function() {
        var element = $(this);
        element.tipTip({
            content: "<strong>"+element.data("toolTip")+"</strong>"
    });
});

Теперь просто добавьте атрибут HTML5 примерно так 

<div class="toolTipClass" data-toolTip="This is the tool Tip">Div Content</div>
...