javascript - 根据调用超链接 ID 自定义弹出窗口

标签 javascript php jquery html web

我有一个 html 代码,描述了社区成员,如“K S Lenscapes”和“Venky P G”,点击时调用模态弹出窗口#visit

<div class="portfolio-info">
    <a href="#visit" id="ks" ><h3>K S Lenscapes</h3></a>
</div>

<div class="portfolio-info">
    <a href="#visit" id="vpg"><h3>Venky P G</h3></a>
</div>

这是#visit代码:

<div id="visit" class="modalDialog">
    <div>
	<a href="#close" title="Close" class="close">X</a><br><br>    	
        <div class="text-center">
            <p><a class="btn btn-primary btn-lg" href="#" id="ba">Book Appointment</a></p>
	</div>
    </div>
</div>

我需要#visit 的“预约”按钮来识别从哪个 anchor 标记请求它,并将邮件发送到相应的投资组合,从文件或数据库中获取其电子邮件。

我不知道该怎么做,请帮我解决这个问题。

最佳答案

你可以为此使用data属性

<div class="portfolio-info">
    <a href="#visit" id="ks" data-url="URL TO POST THE DATA"><h3>K S Lenscapes</h3></a>
</div>

<div class="portfolio-info">
    <a href="#visit" id="vpg" data-url="URL TO POST THE DATA"><h3>Venky P G</h3></a>
</div>

并在对话框打开时更新预约 href URL。

在这种情况下,数据变量可以像 $('selector').data('url')

关于javascript - 根据调用超链接 ID 自定义弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32499382/

相关文章:

javascript - 在索引之后查找字符串的第一个索引

javascript - React-native - 动画 MapViewMarker

javascript - 清除 Canvas 按钮

php - 自定义 map /坐标

javascript - 保持文本字段处于焦点状态

javascript - Angular 服务无法识别功能

javascript - 如何检查验证文本不是电子邮件?

javascript - JQuery:简单的 animate() 无法正常工作

php - 从 Linux 命令行检查有效的 docx

php - PDO PHP MySQL 中的正则表达式