0

jQuery テンプレートにデータを入力し、その結果を div に追加しようとしましたが、エラーが発生しました。コードのどこに欠陥があるのか​​ わかりません。誰でも修正できますか？jQuery バージョン 1.4 ( jquery-1.4.1.min.js ) を使用しています。

ここに私の完全なコードがあります:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<style type="text/css">
.no_results
{
    width:547px;
    height:50px;
    overflow: hidden;
    text-align: center;
    margin-top: 25px;
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;  
    display:table-cell; 
    vertical-align:middle;
    background:none repeat scroll 0 0 #FFFFE0;
    border:1px solid #FFC978;
}
</style>

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
var srchterm = 'Hello Sam';
var markup = "<ul><li><div class='no_results'><span>No results found for [${Name}] </span></div></li></ul>";

$("#showBtn").click(function () {
$("#SearchData").empty();
$.tmpl("movieTemplate", srchterm).appendTo("#SearchData");
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Button ID="showBtn" runat="server" Text="Change" /><br /><br />
<div id="SearchData"></div>
</form>
</body>
</html>
4

1 に答える 1

1

これはあなたが達成しようとしていることですか: http://jsfiddle.net/2efSV/

$.tmpl への呼び出しを変更しました

$.tmpl("movieTemplate", srchterm).appendTo("#SearchData");

に

$.tmpl(markup, { "Name" : srchterm  }).appendTo("#SearchData");

最初のパラメーターはテンプレートで、2 番目のパラメーターはテンプレートで使用しているデータを含むオブジェクトである必要があります。

于 2012-07-23T10:43:02.887 に答える