我为此代码创建了一个外部 JS 文件:
$(document).ready(function () {
$(document).on("click", '.siteusemore', function ()
//$('.siteusemore').on("click",function()
{
var ID = $(this).attr("id");
if (ID) {
$("##siteusemore" + ID).html('<img src="/images/processing.gif" />');
$.ajax({
type: "POST",
url: "/ajax_results.cfm?rpp=#url.rpp#&ajax_type=my_profile&status_action=#url.status_action#&comments_action=#url.comments_action#&myscript=#urlencodedformat(arguments.myscript)#",
data: "lastmsg=" + ID,
cache: false,
success: function (html) {
$("ol##siteuseupdates").append(html);
$("##siteusemore" + ID).remove();
}
});
} else {
$(".siteusemorebox").html('The End');
}
return false;
});
$(document).on("click", '.teamsusemore', function ()
//$('.teamsusemore').live("click",function()
{
var ID = $(this).attr("id");
if (ID) {
$("##teamsusemore" + ID).html('<img src="/images/processing.gif" />');
$.ajax({
type: "POST",
url: "/ajax_results.cfm?rpp=#url.rpp#&ajax_type=my_teams&myscript=#urlencodedformat(arguments.myscript)#",
data: "lastmsg=" + ID,
cache: false,
success: function (html) {
$("table##grouplisting").append(html);
$("##teamsusemore" + ID).remove();
}
});
} else {
$(".teamsusemorebox").html('No more records.');
}
return false;
});
$(document).on("click", '.teamsusemore', function ()
//$('.leaguesusemore').live("click",function()
{
var ID = $(this).attr("id");
if (ID) {
$("##leaguesusemore" + ID).html('<img src="/images/processing.gif" />');
$.ajax({
type: "POST",
url: "/ajax_results.cfm?rpp=#url.rpp#&ajax_type=my_leagues&myscript=#urlencodedformat(arguments.myscript)#",
data: "lastmsg=" + ID,
cache: false,
success: function (html) {
$("table##leaguelisting").append(html);
$("##leaguesusemore" + ID).remove();
}
});
} else {
$(".leaguesusemorebox").html('No more records.');
}
return false;
});
});
当我调用它时,它会在 jquery 1.7.2.min.js 中引发脚本错误
行:3 错误:语法错误,无法识别的表达式:#
该脚本的目的是处理页面上发生的所有三个单独的 ajax 事件。
<div id="siteusemore#evaluate(currentpage + 1)#" class="siteusemorebox">
<a href="##" class="siteusemore" id="#evaluate(currentpage + 1)#">View more items</a>
</div>