使更新脚本工作并添加样式表

Getting an update script to work and adding style sheets

本文关键字：添加 样式 工作 更新 脚本      更新时间：2023-09-26

我试着让这个脚本更新内容的工作，但我的报价没有显示。此外，我需要向报价本身添加一些CCS。我需要帮助解决代码问题。这里是原始问题的链接，我以实现它的方式附加代码。

jQuery:每周(或长时间)更新内容

update-content.html: 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="quotes.js">
</head>
<body>
<div id="quotes-wrapper" class="quote-29">
  <div class="quote">Testimonial Week 29</div>
  <div class="author">Author</div>
</div>
<div id="quotes-wrapper" class="quote-30">
    <div class="quote">Testimonial Week 30</div>
    <div class="author">Author</div>
</div>
<div id="quotes-wrapper" class="quote-31">
    <div class="quote">Testimonial Week 31</div>
    <div class="author">Author</div>
</div>
</body>

quotes.js: 

Date.prototype.getWeek = function() {
var onejan = new Date(this.getFullYear(),0,1);
return Math.ceiling((((this - onejan) / 86400000) + onejan.getDay()+1)/7);
}
$(function(){
    var today = new Date();
    var weekno = today.getWeek();
    $('#quotes-wrapper').load('update-content.html div.quote-'+weekno);
});

这是你的错误

<script type="text/javascript" src="quotes.js">
应该

<script type="text/javascript" src="quotes.js"></script>

你还缺少jquery库，它应该在你的脚本之前添加。

我突然想到两个问题:

  1. 你给了所有三个div元素相同的id作为id="quotes-wrapper" - id应该是唯一的，所以当你使用它作为一个选择器，我希望jQuery只是找到第一个。对于HTML的其余部分，您可能希望给jQuery一个基于类而不是id的选择器。

  2. 代码中传递给load()函数的URL:

$('#quotes-wrapper').load('update-content.html div.quote-'+weekno);

似乎不对。您在.html之后有一个空格，我期望?和一个或多个参数。

所以根据上面的两点，我希望更像:

$('div.quote-'+weekno).load('update-content.html?someParam='+weekno);

或

$('#someuniqueid').load('update-content.html?someParam='+weekno);

还需要一个结束的</script>标签。

相关文章：