JQuery模板呈现问题

时间:2012-09-23 12:01:10

标签: jquery jquery-templates

我正在使用JQuery Template在asp.net中创建表格。但我正在解决它的问题。这是代码:

<script id="housingTemplate" type="text/x-jquery-tmpl">
    <div class="oddrow togglestyle">
        <div class="oddFirst">
            ${ID}
        </div>
        <div class="oddFirst thirdWidth fourthWidth info-tooltip"
             title="{{ html ProjectName }}">
            ${ProjectName}
        </div>
        <div class="oddFirst thirdWidth fourthWidth info-tooltip"
             title="Ravi Joshi">
            ${Address}
        </div>
        <div class="oddFirst thirdWidth info-tooltip">
            ${ZipCode}
        </div>
        <div class="oddFirst thirdWidth info-tooltip">
            ${City}
        </div>
        <div class="oddFirst thirdWidth info-tooltip">
            ${Type}
        </div>
    </div>
<script>

$("#businessTemplate").tmpl($.parseJSON(data.ResponseData)).appendTo("#dataList");
DIV的“title”标签不会在“#dataList”中呈现,jquery模板跳过该部分并渲染所有其余部分。</p> <p>我希望DIV上的“title”标签用于TOOLTIP目的,因为插件只支持“title”标签内写的文字。</p> <p>我在代码中写错了吗?</p> </div> <div class="answer-list"> <h4>1 个答案:</h4> <div class="hr-line-dashed"></div> <p>答案 0 :(得分:2)</p> <div class="answer markdown-body"> <p>您是否尝试删除额外的内部空间:</p> <pre><code>{{html ProjectName}} </code></pre> <p>而不是:</p> <pre><code>{{ html ProjectName }} </code></pre> <p>文档页面<code>{{html fieldNameOrExpression}}</code>上的语法没有任何内部空格。</p> <p> <a href="http://api.jquery.com/template-tag-html/" rel="nofollow">http://api.jquery.com/template-tag-html/</a> </p> </div> </div> </div> <div class="right"> <div style="height:400px"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6263610230477973" data-ad-slot="2820756182" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div style="height:20px"></div> <div class="releated-question-wrapper"> <div class="header"> 相关问题 </div> <div class="hr-line-dashed"></div> <ul> <li> <a href="/q/11610650">jQuery模板渲染</a> </li> <li> <a href="/q/11648274">与JsRender动态模板呈现相关的问题</a> </li> <li> <a href="/q/12552189">JQuery模板呈现问题</a> </li> <li> <a href="/q/17389932">Django模板渲染问题</a> </li> <li> <a href="/q/17889363">JqG​​rid - 渲染问题</a> </li> <li> <a href="/q/18729897">jQuery模板问题 - 不呈现</a> </li> <li> <a href="/q/28866138">django渲染模板问题</a> </li> <li> <a href="/q/45626180">Vue js模板渲染问题</a> </li> <li> <a href="/q/51961477">Password_reset_email模板呈现问题</a> </li> <li> <a href="/q/54936981">呈现模板index.html的问题</a> </li> </ul> </div> <div class="releated-question-wrapper"> <div class="header"> 最新问题 </div> <div class="hr-line-dashed"></div> <ul> <li> <a href="/q/68614764">我写了这段代码,但我无法理解我的错误</a> </li> <li> <a href="/q/68614678">我无法从一个代码实例的列表中删除 None 值,但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场?</a> </li> <li> <a href="/q/68614175">是否有可能使 loadstring 不可能等于打印?卢阿</a> </li> <li> <a href="/q/68614313">java中的random.expovariate()</a> </li> <li> <a href="/q/68614125">Appscript 通过会议在 Google 日历中发送电子邮件和创建活动</a> </li> <li> <a href="/q/68615109">为什么我的 Onclick 箭头功能在 React 中不起作用?</a> </li> <li> <a href="/q/68615123">在此代码中是否有使用“this”的替代方法?</a> </li> <li> <a href="/q/68614097">在 SQL Server 和 PostgreSQL 上查询,我如何从第一个表获得第二个表的可视化</a> </li> <li> <a href="/q/68614427">每千个数字得到</a> </li> <li> <a href="/q/68615239">更新了城市边界 KML 文件的来源?</a> </li> </ul> </div> <div class=""> </div> </div> </div> <div> <script> var host = window.location.host; if (host =="www.thinbug.com"){ (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); } </script> </body> </html>