Question

如何在Jquery自动完成选择上更新og：image？我尝试了几种方法，但它似乎没有起作用。

以下是我的代码：

<head>
    <meta property="og:image" content="assets/css/gfx/skold.png" />

    <script>

        $(function () {
            var availableTags = [
            "Apple iPhone 5",
             "Nokia Lumia 920",
             "Samsung Galaxy S5",
             "Sony XZperia Z"
            ];
            $("#tags").autocomplete({
                source: availableTags
            });
            $('meta[name=og\\:image]').attr('content', 'http://www.isellmobile.co.uk/images_webdev/logos/ISellLogo.jpg');
        });

       </script>
</head>
<body>
    <form id="form1" runat="server">

        <div class="ui-widget">
            <label for="tags">Tags: </label>
            <input id="tags">
        </div>
    </form>
</body>
</html>

由于

Answer 1

我假设你正在使用jQuery UI自动完成小部件。您需要自动完成更改事件的侦听器。请参阅文档：http://api.jqueryui.com/autocomplete/#event-change

这样的事情：

$("#tags").autocomplete({
            source: availableTags,
            change: function (event, ui) {
                $('meta[name=og\\:image]').attr('content', 'http://www.isellmobile.co.uk/images_webdev/logos/ISellLogo.jpg');
            }
            });

更新og：图像在jquery自动完成

1 个答案: