javascript - 根据按钮数据属性将 DIV 从另一个页面加载到引导模式中

标签 javascript jquery

我正在尝试根据单击的按钮的数据属性从另一个页面加载 DIV。这是我到目前为止所拥有的:

$('#quick_shop_modal').on('show.bs.modal', function (event)
{
         var button = $(event.relatedTarget)
         var product = button.data('product')
         var modal = $(this)
         modal.find('.modal-title').text('Quick Shop ' + product)
         $('#quick_modal_body').load('product #prodDescMain')
});

因此,当打开模式时,它应该使用按钮的产品数据属性来加载该页面的#prodDescMain div。

数据属性示例:Leather_Care_Kit.php

这意味着最后一行应为: $('#quick_modal_body').load('Leather_Care_Kit.php #prodDescMain')

但是什么也没有出现。如果我硬编码文件名它可以工作吗?

最佳答案

product 是一个变量,因此您使用字符串连接:

$('#quick_modal_body').load(product + ' #prodDescMain')

关于javascript - 根据按钮数据属性将 DIV 从另一个页面加载到引导模式中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42971575/

相关文章:

javascript - 将选定的行从 html 表加载到数组

javascript - 使用 jsPDF/HTML5 在 PDF 中插入图像不起作用

javascript - Jquery - 验证器错误无法读取未定义的属性 'call'

javascript - 如何将第十一个字符替换为 "..."

javascript - 从 chrome 商店安装扩展时,chrome.runtime 未定义

PHP + jQuery - 未定义索引 : , 但它仍然成功发布?

javascript - 通过从下拉列表中选择,启用另一个下拉列表

javascript - Screeps getDirectionTo 返回 -2

javascript - 如何知道是否有Ajax Request和ajax Success

javascript - 在javascript中提取png图像像素的值