天道酬勤,学无止境

pgwmodal

pgwModal:使用触发器选项复制页面中模态内容的 HTML 标记。 如何摆脱重复?(pgwModal: using a trigger option duplicates a HTML markup of a content of a modal in a page. How to get rid of duplication?)

问题 我正在尝试使用 pgwModal 插件来生成模态。 它有一个选项target : "target" - 选择器(#div 或 .class)将用于将其 HTML 内容推送到模态中。 示例代码。 请注意style="display: none;" . 这就是他们建议从页面隐藏我的自定义模式内容的方式: <div id="modalContent" style="display: none;"> <strong style="color: #ff0000;">Modal Example 2</strong> <button type="button" id="sbmt_btn">Submit</button> </div> $.pgwModal({ target: '#modalContent', title: 'Modal title 2', maxWidth: 800 }); 但是通过这种技术,我最终在页面上得到了两个完全相同的标记——一个是我的自定义#modalContent , style="display: none;" 另一个是被推入生成的模态。 所以我有两个带有id="sbmt_btn"按钮。 当然$("#sbmt_btn")选择器不起作用。 我不认为这是正确的行为,但他们在他们的文档中提出了建议。 我做错了什么? 如何摆脱模态重复? 在他们的 Github

2021-11-20 01:53:04    分类:技术分享    javascript   jquery   html   pgwmodal

pgwModal: using a trigger option duplicates a HTML markup of a content of a modal in a page. How to get rid of duplication?

I'm trying to use a pgwModal plugin to generate modals. It has an option target: "target" - The selector (#div or .class) will be used for push its HTML content into the modal. Example code. Please pay attention to style="display: none;". That is the way they suggest to hide my custom modal content from the page: <div id="modalContent" style="display: none;"> <strong style="color: #ff0000;">Modal Example 2</strong> <button type="button" id="sbmt_btn">Submit</button> </div> $.pgwModal({ target: '#modalContent', title: 'Modal title 2', maxWidth: 800 }); But with this technique I end up with two

2021-11-11 18:08:38    分类:问答    javascript   jquery   html   pgwmodal