Какой jQueryu для бегущей строки умеет работать с динамически добавленными объектами?

Question

[ILoveYAnny]

Здравствуйте, весь интернет перерыл, кажется попробовал всё из выдачи Яндекса и Гугла, все плагины работают некорректно, когда динамически добавляется и меняется текст. У меня есть контейнер с текстом, размер текста постоянно меняется и обновляется. Мне необходимо сделать так, что бы текст прокручивался и тем самым можно было прочитать ту область, которая не помещается. Как это можно сделать или с помощью чего?

Comments

[Kovalsky]

Покажите живой пример, пожалуйста. Скорее всего вы что-то неправильно делаете, т.к. мне кажется они все умеют работать с динамическим текстом. В крайнем случае разберёмся.

[ILoveYAnny]

Никита Полевой: Я пробовал с помощью плагинов и пробовал сделать сам, на основе найденного кода.
На основе найденного кода всё работало, но на маленьких разрешения надписи обрубались на половине.
Какой вариант показать лучше?

[Kovalsky]

ILoveYAnny: какой удобно. В идеале - оба.

[ILoveYAnny]

Никита Полевой: Показал нынешний пример, в комментарии к ответу ниже. С места продвинулся, но возникла проблема...

Answer 1

[tyzberd]

https://github.com/IndigoUnited/jquery.simplemarquee
не проверял, но после добавления текста в строку вызывать
$('.some-el').simplemarquee('update');
и думаю будет работать

Comments

[Kovalsky]

И правда всё работает, можно в их же демке проверить:

$('.example-left').text('asd asd asd asd asd asasd seg;isa umgsoeg j7sileg8 seg').simplemarquee('update')

[ILoveYAnny]

Я с места продвинулся, вот какая проблема

$(document).ready(function () {
	$(".bottomName .nameContainer").simplemarquee({
            delayBetweenCycles: 0,
            handleHover: false,
	    cycles: "Infinity"
	});
})

function updateBottomName(i) {
	$(".bottomName .nameContainer a").text($(".Num" + i +" .Name").text());
	$(".bottomName .nameContainerA").attr("href",$(".Num" + i +" a").attr("href"))
	$(".bottomName .nameContainer").simplemarquee('update');
}

Разметка

<div class="nameContainer"><a class="nameContainerA" target="_blank"></a></div>

Внутри nameContainer должна быть ссылка с именем, которая должна бежать бегущей строкой...

Бегущая строка начинает работать только после второго апдейта имени или после ресайза окна.. Совсем ничего не понимаю

[ILoveYAnny]

Решил проблема, она уже была в моих скриптах. Спасибо!
Если в двух, самый главный родительский контейнер скрыт изначально, и когда он скрыт видимо ширина считается не верно, после появления контейнера update уже срабатывает верно.
Переместил update после .fadeIn() главного контейнера и всё заработало.