单击PrettyPhoto/jQuery加载

Question

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

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

为了总结我的代码，我有如下内容：

$("#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();