问题标签 [modal-window]

我正在尝试在单页应用程序网站的 PHP 页面中实现一个模式窗口，但我无法让模式窗口工作。

尽管我有一个 .js 文件来存储我的函数，但我在 PHP 页面中有 javascript，我试图让模态窗口工作。我希望所有函数都在 .js 文件中，但我无法让它工作。

PHP 页面

这不是 index.php，而是在初始页面加载后调用

模态窗口的 CSS

我不认为这部分有什么问题

就目前而言，我在浏览器控制台中没有收到任何错误，但没有弹出模式窗口。

我正在尝试在 Angular 单页应用程序中的 php 页面上弹出一个 javascript 模式窗口。此页面在初始 index.html 之后加载。html标签写成：

...并且加载的页面中的内容存储在：

特定 php 页面中的 javascript 引发了错误。这是完整的 php 页面，包括底部的 javascript：

具体来说，我在 Chrome 控制台中收到此错误：“未捕获的 ReferenceError：btn 未在 HTMLDivElement.onclick 中定义”

我对 Angular.js 很陌生。

我已经从本教程中的 Angular.js 中的模态窗口中获取了必要的元素：http: //jasonwatmore.com/post/2016/07/13/angularjs-custom-modal-example-tutorial

孤立地，我可以让这段代码工作，但是在将它移植到我的网站后，我就无法让它工作。

在 Jason 的代码中，他有一个名为 index.controller.js 的文件，虽然我已经将该文件移植到我自己的页面，但我不相信它会触发。这是 index.controller.js：

在我自己的页面上，我拥有 app.js 中包含的所有控制器。这是它的布局方式：

您可以看到，在第二个 .state 中，我试图调用 index.controller.js 文件来获取这个特定的部分。但是，出于某种原因，screeningsController（下方）下的代码是正在触发的代码。

在同一个 app.js 文件的下方，我有我的控制器：

有什么方法可以以某种方式将 index.controller.js 文件中的内容集成到 app.js 中的 ScreeningsController 中？大约一周以来，我一直试图让一个模态窗口在我的网站上工作。任何帮助深表感谢。

我正在使用 Jason Watmore 编写的 angular.js 模态窗口教程中的代码：http: //jasonwatmore.com/post/2016/07/13/angularjs-custom-modal-example-tutorial

我正在尝试在 php 部分中实现 angular.js 模态窗口。这是我认为有问题的代码：

第一个问题

while循环吐出一堆图像。然后，底部的脚本应抓取src单击的任何图像，然后src在弹出消息中提醒该图像。但是，它只会提醒循环src中的第一个图像，while而不管单击该束的哪个图像。我已经在具有不同属性while的单独img元素上在循环之外测试了这个脚本，它在回显循环之外运行良好。srcwhile

第二个问题

在while循环ng-click中，第二个回显语句中有一个不起作用。在我的 app.js 文件中，这是ng-click=\"vm.openModal('custom-modal-1')\"应该转到的控制器代码（斜线是由于 echo 语句）：

在var vm = this;声明之后，我试图向浏览器控制台输出一条消息作为测试，但它不起作用。也许我的语法错误？

我有一个 jQuery 脚本，一旦单击页面上的一个，它就会尝试修改src模态窗口中的元素。img它抓取被点击src的元素img并尝试将其复制src到模态弹出窗口中的元素。

我已经在alert(source);脚本中进行了测试，只是为了看看它是否有效。正如预期的那样，这会提醒用户正确的src. 不幸的src是，根据 Chrome 浏览器中的“元素”视图，之后没有给元素。

我试图给标签src中的一个元素。<modal>

还值得注意的是，其他地方还有其他代码正在修改<modal>元素。包含在 Angular 指令文件中，有这个，它采用模态并将其放在</body>标签的末尾：

这会对模态中未接收到的元素产生影响src吗？

我在似乎无法正常工作的 PHP 部分页面中有一个 Angular 函数。该函数附加到从 MySQL 数据库加载到页面上的所有图像，并使用ng-click="vm.openModal('custom-modal-1')".

在文件 app.js 中，这是我试图调用的函数：

加载部分页面时，测试消息“Hello World！” 在 Angular 函数中找到的那个会触发，并且消息会出现在浏览器控制台中。但是，当在页面上单击任何类ng-click时，不会做任何其他事情。imgmodal_img

此代码的所有 Angular 模态窗口材料均取自：http: //jasonwatmore.com/post/2016/07/13/angularjs-custom-modal-example-tutorial

EDIT Controller as在 app.js 文件的顶部声明，如下所示：

我有一个页面充满了从 MySQL 表中提取的图像。单击其中一个图像时，会出现一个模式弹出窗口。此模式窗口包含后退和前进按钮，如下所示：

我希望能够使用这些按钮遍历 MySQL 图像。

这是抓取图像并将其显示在页面上的 php 代码：

我是否需要获取$row['id']它并将其存储在一个隐藏变量中，并使用它来向后和向前迭代？或者是否有一个next-child previous-child我可以为此利用的功能？jQuery 将是一个首选的解决方案，因为这个页面的底部已经有一些 jQuery 脚本，但我愿意接受任何想法。

编辑或者我可以将图像文件路径存储在一个数组中，因为我从 MySQL 表中提取它们？我怎么能那样做？

我创建了一个 Web 应用程序，它的功能之一是列出与某个搜索匹配的产品。但是现在我希望能够在每个产品旁边有一个按钮，按下该按钮将打开一个具有更大图像和更多细节的模态框。我知道如何创建一个模式框并拥有一个成功运行的模式框。

我的问题是：我将如何动态创建按钮以便它显示在每个搜索结果旁边？每个按钮都必须不同。

我有个问题。我需要为每个产品制作一个模态窗口，但是在模态窗口中，所有产品只显示最后一个产品。我试图分配 id 标识符，但只有第一个产品的模式窗口有效。

尝试通过引导教程使用 class = "model" 制作模式窗口。我所做的一切都与教程中的完全一样，安装了引导程序，但我的代码不起作用。有什么想法有什么问题吗？我没有使用任何 js 或其他插件，我相信我不应该。