有人告诉我将一些现有功能复制到另一页上（一个带有星号的评分系统，您可以将它们悬停在鼠标上以提高或降低等级；星号根据等级填充，其余只是轮廓） ，但星星没有出现在第二页上。
我确保将调用正确复制到CSS和JavaScript文件。当我对出现的星星进行硬编码时，它们确实会出现，但是鼠标悬停只是突出显示鼠标悬停的星星，而不是从第一颗恒星一直到鼠标悬停的所有星星。原始页面没有对星号进行硬编码，因此我不知道为什么它可以在一页上而不是另一页上使用。
从原始页面开始，在页面顶部调用CSS：
@import "<?php echo base_url(); ?>css/rating.min.css";
代码已插入此处的页面：
echo '<div style="height: 24px; padding: 5px;"><label>Transcript Quality:</label><span id="qualitystars" style="vertical-align: sub;"></span></div>';
echo '<input type="hidden" name="quality" id="quality"' . (isset($transcriber['quality']) ? ' value="' . $transcriber['quality'] . '"' : '') . '>';
JavaScript在这里被调用：
<script type="text/javascript" src="<?php echo base_url(); ?>js/rating.min.js"></script>
在新页面中，我称为CSS：
@import "<?php echo base_url(); ?>css/rating.min.css";
然后我将代码插入页面：
echo 'Please rate the quality of this transcript:<br/>';
echo '<div style="height: 44px; padding: 5px;">';
echo '<span id="qualitystars" style="vertical-align: sub;"></span>';
echo '</div>
我将这些元素复制到了新页面中，但第二页（id="qualitystars"）中没有任何显示。我唯一能想到的是，这在TINY.box内部被调用，但是为什么会有不同呢？任何帮助将不胜感激。