我正在使用webgrid ajaxUpdateContainerId
,因此会自动将脚本添加到我的页面中,以便进行基于ajax的排序和分页。这是下面的脚本动态地添加到我的页面中。
<script type="text/javascript">
(function($) {
$.fn.swhgLoad = function(url, containerId, callback) {
url = url + (url.indexOf('?') == -1 ? '?' : '&') + '__swhg=' + new Date().getTime();
$('<div/>').load(url + ' ' + containerId, function(data, status, xhr) {
$(containerId).replaceWith($(this).html());
if (typeof(callback) === 'function') {
callback.apply(this, arguments);
}
});
return this;
}
$(function() {
$('table[data-swhgajax="true"],span[data-swhgajax="true"]').each(function() {
var self = $(this);
var containerId = '#' + self.data('swhgcontainer');
var callback = getFunction(self.data('swhgcallback'));
$(containerId).parent().delegate(containerId + ' a[data-swhglnk="true"]', 'click', function() {
$(containerId).swhgLoad($(this).attr('href'), containerId, callback);
return false;
});
})
});
function getFunction(code, argNames) {
argNames = argNames || [];
var fn = window, parts = (code || "").split(".");
while (fn && parts.length) {
fn = fn[parts.shift()];
}
if (typeof (fn) === "function") {
return fn;
}
argNames.push(code);
return Function.constructor.apply(null, argNames);
}
})(jQuery);
</script>
告诉我当我点击标题和寻呼机中的链接时如何暂停此脚本。
$(document).on('click', '.webgrid-header a, .webgrid-footer a', function () {
alert('Click on link');
});
我附加了点击事件,其中包含webgrid header
和寻呼机中的所有锚点,但由于上面的动态脚本在webgrid中动态添加,因为我选择了webgrid选项ajaxUpdateContainerId: "gridContent"
我希望当用户点击webgrid页眉和页脚中的链接时,将首先运行mu custom js函数,之后将启动ajax调用。所以指导我如何实现这一目标。请指导。
感谢