Question

好的，所以我有一个jquery标签插件可以很好地工作，但后来我想到了！，在我的文本框中添加一个“占位符”会很酷。我这样做了......除了jquery插件之外什么也没有出现......我的占位符应该是“hello type here”...我猜它不起作用，因为插件，它位于“script”标签之间...如果有人可以帮助我，我会非常感激:)

<html>
    <head>
        <script src="jquery-1.11.1.min.js"></script>
        <script src="jquery-ui.js" type="text/javascript" charset="utf-8"></script>
        <script src="tag-it.js" type="text/javascript" charset="utf-8"></script>
        <link href="jquery.tagit.css" rel="stylesheet" type="text/css">
        <link href="style.css" rel="stylesheet" type="text/css">
    </head>

    <body>
        <form name="myForm" action="searchlevel.html" method="post">
            <p id="text">Sport:</p>
            <input type="text" name="query" id="box" placeholder="hello type here! ">
            <input type="submit" value="Submit" id="but">
        </form>
    </body>
    <script>
        //this is jquery tag plugin...  

        $(document).ready(function () {
            $("#box").tagit();

        });

        // I guess I have to add something here to display the "placeholder", please help.
    </script>
</html>

阿罗哈，你的伴侣！

Answer 1

为什么你使用tagit javascript和css作为占位符。删除那些脚本并使用它很简单它会起作用，但是记住它在IE中的唯一创建问题＆lt; 9

看这里可能对你有帮助

JSFiddle Test here

Jquery插件会停止占位符显示

1 个答案: