Javascript Jquery插件停止显示占位符

Javascript Jquery插件停止显示占位符,javascript,jquery,Javascript,Jquery,好的,我有一个jquery标签插件,它工作得很好,但是我想,呵呵!,在我的文本框中添加一个“占位符”会很酷。我这样做了。。。除了jquery插件之外,什么都没有出现。。。我的占位符应该是“hello type here”。。。我猜它不起作用,因为插件在“脚本”标签之间。。。如果有人能帮助我,我将非常感激:) 运动: //这是jquery标签插件。。。 $(文档).ready(函数(){ $(“#框”).tagit(); }); //我想我必须在这里添加一些东西来显示“占位符”,请帮助。 你好

好的,我有一个jquery标签插件,它工作得很好,但是我想,呵呵!,在我的文本框中添加一个“占位符”会很酷。我这样做了。。。除了jquery插件之外,什么都没有出现。。。我的占位符应该是“hello type here”。。。我猜它不起作用,因为插件在“脚本”标签之间。。。如果有人能帮助我,我将非常感激:)


运动:

//这是jquery标签插件。。。 $(文档).ready(函数(){ $(“#框”).tagit(); }); //我想我必须在这里添加一些东西来显示“占位符”,请帮助。

你好,伙计

为什么要使用tagit javascript和css作为占位符。删除这些脚本并简单地使用它会起作用,但请记住,在IE中使用它时唯一会产生问题的是占位符属性在Internet Explorer 10、Firefox、Opera、Chrome和Safari中受支持。您正在使用哪个浏览器?来自文档:。它有一个选项,可供选择
<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>