jquery - 动态设置灯箱中的 href 值

Question

 $(document).ready(function () {
            var Href = 'http://www.apple.com';
            $("#fancybox-manual-b").click(function () {
                $.fancybox.open({
                    href: Href,
                    type: 'iframe',
                    padding: 5
                });
            });

        });

    <ul>
        <li><a id="fancybox-manual-b" href="javascript:;">Open Window</a></li>
    </ul>

我需要从文本框中获取“Href”值，当有人将网站放入文本框中时，它应该得到它而不是 apple.com

Answer 1

$(document).ready(function () {            
     $("#fancybox-manual-b").click(function () {
          $.fancybox.open({
              href: $("#yourTextBoxId").val(), // Your textboxId here
              type: 'iframe',
              padding: 5
          });
     });

});

确保你用你的文本框 id 代替yourTextBoxId

Answer 2

如果你有一些像这样的html：

<input type="text" id="target">

然后你可以使用 jQuery 的val函数来获取文本框的值id：

var href = $('#target').val();

每次有人单击您的 fancybox 链接时，您显然都需要这样做，以便您从文本框中获得最新的值：

$(function () {
    $("#fancybox-manual-b").click(function () {
        var href = $('#target').val();
        $.fancybox.open({
            href: href,
            type: 'iframe',
            padding: 5
        });
    });
});

值得注意的是，如果用户在输入中输入了一些无法解析为现有 url 的文本，您将收到错误消息。