在过去的两个小时里,我一直在寻找和测试这个问题的各种解决方案,但收效甚微,所以我只能寻求帮助。
我想建立一个引用数组,每个引用都有引用和一个链接,可以随机提取。除了在页面刷新时更改它们之外,我不需要任何其他东西。
不过,我有一些非常美味的 CSS 来设置块引用和引用的样式。
下面是一些示例 HTML,用于说明数组中的内容如何适合引号:
<blockquote>
<p>A line of oversize watches that can offer many of the attributes of premium luxury watches at an affordable price.
</p>
<cite>—
<a href="http://www.horozima.com/2012/07/terranaut-xl-50mm.html" target="_blank">Horozima
</a>
</cite>
</blockquote>
此代码的预期位置是 Big Cartel 产品(模板)页面,其中包含为每个产品自动生成的内容。因此,如果没有一些随机 JS,每个产品页面上都会出现相同的引用。
根据您的优势,您可以“快速而肮脏”地完成它,也可以将其作为适当的解决方案。
正确的解决方案是让服务器端有一些代码从数据库中提取随机行,并按上面的方式呈现它。由于您的标签与此无关,我将跳至
快速但肮脏的解决方案,即有一个由引号和链接组成的 JavaScript 数组,并显示一个随机数组:
$(document).ready(function() {
var questions = [
{q: 'This is question 1', l: 'http://this.is.link1', a: 'Test' },
{q: 'This is question 2', l: 'http://this.is.link2' , a:'Another'}
];
var i = Math.floor((Math.random()*questions.length));
$('blockquote p').html(questions[i].q);
$('blockquote a').attr('href', questions[i].l);
$('blockquote a').html(questions[i].a);
});
你可以看到住在jsFiddle http://jsfiddle.net/NWauh/1/。它假设只存在一个块引用,但它可以很容易地扩展。您可以在 HTML 中输出单引号,以便在禁用 JS 时看起来正常。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)