Question

我有以下JS功能。

<script type="text/javascript">
    $(document).ready(function() {


        $("#fancybox-manual-a").click(function() {
            var imageName="facebook-default-no-profile-pic.jpg";
            var name="xxx";
                            var age="111";
            $.fancybox.open([{
                href : '<?php echo base_url().'public/';?>image,
                title : name+' '+age
            }]);
        });

    });
 </script>

我使用此函数作为HREF链接如下，它工作正常。

<a id="fancybox-manual-a" href="javascript:;">Click</a>

但是当我调用 fancybox-manual-a 函数时，我想解析一些参数（名称和年龄的值）。我该怎么办？

Answer 1

我想你想要从<a>元素中设置一些值，然后在点击处理程序中选择它们。您可以在元素上附加data-*属性，并使用.data()：

获取它们

如下所示附加到您的HTML：

<a id="fancybox-manual-a" href="#" data-foo="bar" data-baz="bam" data-some-long-name="someValue>Click</a>

然后使用.data()获取它们：

$("#fancybox-manual-a").click(function() {
  var data = $(this).data();

  var foo = data.foo;          //bar
  var baz = data.baz;          //bam
  var zee = data.someLongName; //someValue. Note the dash-separated to camelCase conversion

  ...
});

用参数调用JQuery函数

1 个答案: