Как давать ссылки на тексты внутри textillate

#jquery #css

#jquery #css

Вопрос:

я использую плагин http://textillate.js.org . Мой код,

 <h1 class="tlt" id="" style="color:#fff;"">   
    <ul class="texts">

        <li>BIG BREAKING</li>
        <li>SAI abc</li>
        <li>SAI xyz</li>
    </ul>
    </h1>
<script>
$('.tlt').textillate({
              selector: '.texts',
              loop: true,
              autoStart: true,
              out: {
              effect: 'fadeOut'

                   }
             });
</script>
  

Все работает идеально, как текстовые анимации. Но я хочу дать некоторые ссылки на тексты, такие как

 <li><a href="abc.com">some text</a></li>
<li><a href="xyz.com">another texts</a></li>
  

чтобы я мог перейти к соответствующей ссылке, когда я нажимаю на текст.

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

1. Я бы предположил, что плагин манипулирует текстом на основе текстового или HTML-содержимого элемента. <a> Поскольку у вас нет ни того, ни другого, ваше исправление может быть таким же простым, как это: <li><a href="xyz.com">xyz.com</a></li> . При этом я не собираюсь рассматривать это как ответ, поскольку я не знаком с этим плагином, и это скорее предположение, чем что-либо еще.

2. Извините. я пропустил внутренние тексты. но не должно быть никакой путаницы. Очевидно, что внутри тега привязки есть какой-то текст.

3. Я бы отредактировал ваш исходный пост, чтобы включить это. Не «очевидно», что в них есть текст, когда в вашем примере ясно, что его нет.

4. все еще жду каких-либо решений.