如何解决使用单个函数将多个HTML内容导入页面
|| 我正在尝试将HTML内容而不是整个页面导入到新页面。 问题是我必须为需要加载的每个项目创建文档加载功能。有没有办法在单个函数中执行此操作?意味着每次单击链接时都会导入不同的内容吗?因此,如果要导入其他DIV内容,则必须创建一个完整的副本。 码:$(document).ready(function() {
$(\'.using-this-button\').click(function() {
$(\'.importHere\').load(\'from-here.php #just-this-part\');
return false;
});
});
解决方法
您可以尝试动态设置。我假设您将使用不同的链接来设置不同的内容。
JS
$(document).ready(function() {
$(\'a.dynamic_load\').click(function() {
var $el = $(this);
$($el.data(\'dest\')).load($el.data(\'src\'),$el.data(\'target\'));
});
});
的HTML
<a href=\"url.php\" data-src=\"url-to-retrieve-data.php\" data-dest=\".element-to-replace\" data-target=\"#element-to-retrieve-data-from\">click here</a>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。