为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

哆啦的时光机 2023-08-24 17:38:38
我想用巧克力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 图像。小提琴
查看完整描述

1 回答

?
弑天下

TA贡献1818条经验 获得超7个赞

这可以解决问题:


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();

    });


查看完整回答
反对 回复 2023-08-24
  • 1 回答
  • 0 关注
  • 97 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信