Jquery prettyPhoto和明星冲突...... DOM没有加载？

Question

我正在为摄影客户制作在线订购系统：Here。 （原谅必须登录的要求）。

登录后，用户可以使用每张图片下方列出的星标对图片进行评分，然后随后查看3张星形图片或4张图片等。但是，当用户点击图片时，灯箱会展开（ prettyPhoto ie）包含图片以及下面列出的星星。我希望用户能够在灯箱内为图片加注星标，但是在初始化prettyPhoto灯箱后没有传递javascript。因此，他们无法对灯箱内的图片进行评分。我听说过类似的东西，但不知道如何解决这个问题。任何帮助，将不胜感激。谢谢！

Answer 1

这适合你吗？

$.noConflict();
$(function($) {
     //you jquery here
});

Answer 2

你把它标记为“ajax”，是因为星级评分系统是通过ajax引入的吗？如果是这样，那么问题将是（最可能）绑定到星星的点击事件。您需要使用jQuery的“实时”或“委托”功能。

如果您在最初加载页面后（或最初绑定点击事件后）使用javascript将星形选择片段的HTML写入DOM，也会出现这种情况。

或问题可能出在选择器标记上......例如，如果你是星级评分系统就像这样：

<ul id="star-rating-system">
    <li><img href="star.png" alt="star" /></li>
    <li><img href="star.png" alt="star" /></li>
    <li><img href="star.png" alt="star" /></li>
    <li><img href="star.png" alt="star" /></li>
</ul>

然后在页面上有两个具有相同ID的东西可能会出现问题，这会导致问题。

您认为您可以提供更多信息以便更清晰吗？例如，星级评分系统的HTML，以及有关如何或如何更改原始prettyPhoto javascript的任何信息。