Question

在快递应用程序中，我有一个看起来像这样的Jade文件

each tweet, index in tweetData
///some variable declarations
    a( class="fancybox" rel="group" href=tweet.media_url tweetLink=tweetLink data-widgetIndex=widgetIndex title="default text" profile_image_url=tweet.profile_image_url)
        img(src=tweet.media_url alt="" width="150" height="150")
        div(id=widgetIndex, style="display:none")
            div(style="min-height:200px")  Hello world
                div(style="float:left;width:52px;height:100%; display:inline;margin-right:5px")
                    a(href="#")  //<---- this causes trouble!!!!!
                        img(src=tweet.profile_image_url, style="width:52px;height:48px;background:#bfb;")
                    div(style="height:48px;background:#bfb;") BALLS

如果仔细观察，每次循环都会多次解释（class =“fancy box ...”）（每次循环只应该一次。）

<a class="fancybox" profile_image_url="http://pbs.twimg.com/profile_images/378800000365890826/c04bf726e47f3eda2116b5249e623a43_normal.jpeg" title="default text" data-widgetindex="widget0" tweetlink="http://twitter.com/Sjaakvdvoort/status/undefined" href="http://pbs.twimg.com/media/BXM0sjpCUAAEHOr.png" rel="group">
    <img width="150" height="150" alt="" src="http://pbs.twimg.com/media/BXM0sjpCUAAEHOr.png"></img>
</a>
<div id="widget0" style="display:none">
    <a class="fancybox" profile_image_url="http://pbs.twimg.com/profile_images/378800000365890826/c04bf726e47f3eda2116b5249e623a43_normal.jpeg" title="default text" data-widgetindex="widget0" tweetlink="http://twitter.com/Sjaakvdvoort/status/undefined" href="http://pbs.twimg.com/media/BXM0sjpCUAAEHOr.png" rel="group"></a>
    <div style="min-height:200px">
        <a class="fancybox" profile_image_url="http://pbs.twimg.com/profile_images/378800000365890826/c04bf726e47f3eda2116b5249e623a43_normal.jpeg" title="default text" data-widgetindex="widget0" tweetlink="http://twitter.com/Sjaakvdvoort/status/undefined" href="http://pbs.twimg.com/media/BXM0sjpCUAAEHOr.png" rel="group"></a>
        <div style="float:left;width:52px;height:100%; display:inline;margin-right:5px">
            <a class="fancybox" profile_image_url="http://pbs.twimg.com/profile_images/378800000365890826/c04bf726e47f3eda2116b5249e623a43_normal.jpeg" title="default text" data-widgetindex="widget0" tweetlink="http://twitter.com/Sjaakvdvoort/status/undefined" href="http://pbs.twimg.com/media/BXM0sjpCUAAEHOr.png" rel="group"></a>
            <a href="#">...</a>
            <div style="height:48px;background:#bfb;">
                BALLS
            </div>
        </div>
    </div>
</div>

如果我注释掉a（href =“＃”），则不会渲染那些额外的a（class =“fancy box”）元素。是什么给了什么？

Answer 1

我认为潜在的问题是我在锚标记中有一个锚标记。我已经设置了这个结构，因为我实际上使用jquery来获取内部锚标签并将其显示在别处（在灯箱中）。如果我将内部锚标记作为外部锚标记的表兄（而不是后代），则Jade将由外部解释。

当使用（href）时，表达意外解释JADE

1 个答案: