php - 将 jquery 代码放到网上时出现错误行

Question

计划使用lightbox在线放置一个可滚动画廊。我遇到错误，我的代码之一有意外的“: ”，预期为以下之一:“}”、“”、 ATTR

使用 CMS 变得简单。对于 cmsms 错误，它显示

At line 702 in file /xxx/xxx/public_html/lib/smarty/sysplugins/smarty_internal_templatecompilerbase.php

这是我计划放在我的网站上的代码。 http://sorgalla.com/jcarousel/

我将在这里发布我的错误，然后发布我的完整脚本。

错误代码。

jQuery("#gallery-prev").click(function(){
            if(jQuery("#gallery").position().left < 0 && !jQuery("#gallery").is(":animated")){
                jQuery("#gallery").animate({left : "+=" + imageWidth + "px"});
            }
            return false;
        });

完整代码。

<script type="text/javascript">
$(window).load(function(){ 

    // Gallery
    if(jQuery("#gallery").length){

        // Fancybox
        jQuery("#gallery li a").fancybox({
            'titleShow'     : false,
            'transitionIn'  : 'elastic',
            'transitionOut' : 'elastic'
        });

        // Variables aren't use properly due to Webkit
        var totalImages = jQuery("#gallery > li").length, 
            imageWidth = jQuery("#gallery > li:first").outerWidth(true),
            totalWidth = imageWidth * totalImages,
            visibleImages = Math.round(jQuery("#gallery-wrap").width() / imageWidth),
            visibleWidth = visibleImages * imageWidth,
            stopPosition = (visibleWidth - totalWidth);

        jQuery("#gallery").width(totalWidth);

        jQuery("#gallery-prev").click(function(){
            if(jQuery("#gallery").position().left < 0 && !jQuery("#gallery").is(":animated")){
                jQuery("#gallery").animate({left : "+=" + imageWidth + "px"});
            }
            return false;
        });

        jQuery("#gallery-next").click(function(){
            if(jQuery("#gallery").position().left > stopPosition && !jQuery("#gallery").is(":animated")){
                jQuery("#gallery").animate({left : "-=" + imageWidth + "px"});
            }
            return false;
        });
    }

});
</script>

感谢所有帮助。谢谢

Answer 1

您似乎正在使用 smarty，问题是 smarty 与左/右括号 {} 混淆。尝试用 smarty 的 {literal} 标签包围脚本，即:

{literal}
<script.....

</script>
{/literal}

此外，如果您使用 smarty 3，它可能无需文字标记即可工作，只需在每个“{”之后和每个“}”之前添加一个空格

jQuery("#gallery").animate({ left : "+=" + imageWidth + "px" });