巧克力js从链接attr href打开图像

Question

我想用巧克力js打开图像，但使用href属性来传递url。从巧克力的例子中得到这个：这有效超文本标记语言<a href="https://picsum.photos/1000/1000">click</a>JSconst images = [    {     src: 'https://picsum.photos/1000/1000', title: 'image caption a'     }]const { api } = Chocolat(images, {})$('a').on('click', function(e) {  var url = $(this).attr('href');  api.open();  e.preventDefault();});我想要巧克力从我的链接中获取 var url，而不是 const 图像。小提琴

Answer 1

这可以解决问题：

JS

$('a').on('click', function(e) {

        var url = $(this).attr('href');

        const images = [

            { src: url },

        ]

        if (window.chocolatInstance) {

            window.chocolatInstance.close();

        }

        window.chocolatInstance = Chocolat(images, {}).api

        chocolatInstance.open();

        

        e.preventDefault();

    });