我一直在谷歌搜索关于如何允许用户在段落,手机或平板电脑上点击单词的最佳方法,并且他们点击的单词带来了一个动作。
为了在任何设备上获得最佳性能,并且文本是动态的,那么使用Jquery的最佳方法是什么?
我在考虑动态添加文本并将文本拆分并添加到标签中,并且每个标签点击事件,但不确定是否有更好的解决方案?
谢谢
答案 0 :(得分:1)
嗯,这是一个先行的' - FIDDLE。
数组表示您从数据库中读取的内容。
使用数组字填充文本区域,将每个单词放在带有适当标记ID的范围内。
点击跨度,在这个小提琴中,id会弹出,但你可以做任何你想做的事。
如果您可以提供更多详细信息,也许我们可以进一步完善它。
你是什么意思"分裂"文字?
JS
var primarytext = ['Lorem','ipsum','dolor','sit','amet','consectetur','adipisicing','elit','sed','do','eiusmod','tempor','incididunt','ut','labore','et','dolore'];
populate();
$('span').on('click', function(){
$('.putmehere').html( $(this).attr( 'id' ) );
});
function populate()
{
for(var n=0; n < primarytext.length; n++)
{
$('.mytextdiv').append('<span id=' + n + " '>" + primarytext[n] + ' </span>');
}
}