PrettyPhoto/jQuery 从点击加载

Question

我对 jQuery 有点陌生，我正在尝试做一些我认为很简单的事情，但我似乎无法破解它。

我想创建一个在您单击按钮时加载不同视频的功能。我看到的所有 PrettyPhoto 示例都在 html 中使用标签，而不是 JS click。

总结一下我的代码，我有以下几点：

$("#button1").click(function() {
  openMovie("myMovie.mp4");
}); 


function openMovie(url) {
  //open up the movie at the url passed into the function as a lightbox with PrettyPhoto    
}

我认为这很简单，但我似乎找不到任何有关如何操作的信息。文档都是内联html

我能够在网上找到一些我更改的图像的代码，但它会引发错误：

$("a[rel^='prettyPhoto']").prettyPhoto();
$.prettyPhoto.open(['assets/myMovie.mp4'],['Test']);

**

图片无法加载。确保路径正确且图片存在。

**

任何帮助将不胜感激。

Answer 1

我可以通过更改代码来完成这项工作：

$("a[rel^='prettyPhoto']").prettyPhoto();

到

$("a[rel^='prettyPhoto[movies]']").prettyPhoto();