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

值得注意的是，如果用户在输入中放入一些未解析为现有网址的文字，则会收到错误。

动态设置灯箱中的href值

2 个答案: