Jquery 恼人的是，它每次都在JSFIDLE上工作，而不是在我的网站上_Jquery_Web_Dreamweaver_Jsfiddle

Jquery 恼人的是，它每次都在JSFIDLE上工作，而不是在我的网站上

jquery web

Jquery 恼人的是，它每次都在JSFIDLE上工作，而不是在我的网站上,jquery,web,dreamweaver,jsfiddle,Jquery,Web,Dreamweaver,Jsfiddle,为什么这个代码不起作用？我就是不明白，我花了几个小时在这上面，我仍然找不到我的错误，它在JSFIDLE上工作，从来没有在我和我的网站上工作过。关于jsfiddle 我的代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/

为什么这个代码不起作用？我就是不明白，我花了几个小时在这上面，我仍然找不到我的错误，它在JSFIDLE上工作，从来没有在我和我的网站上工作过。关于jsfiddle

我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>My site</title>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script type="text/javascript">
// mouse-on examples
$('#mouseon-examples div').data('powertipjq', $([
    '<p><b>Here is some content</b></p>',
    '<p><a href="http://stevenbenner.com/">Maybe a link</a></p>',
    '<p><code>{ placement: \'e\', mouseOnToPopup: true }</code></p>'
    ].join('\n')));
$('#mouseon-examples div').powerTip({
    placement: 'e',
    mouseOnToPopup: true
});


</script>
</head>

<body>

<div id="mouseon-examples">dfgdg</div>

</body>
</html>

<style type="text/css">
#mouseon-examples div {
    background-color: #EEE;
    text-align: center;
    width: 200px;
    padding: 40px;
}

</style>

您必须在JSFIDLE中启用文档onLoad选项（编辑：实际上是这样）

如果是这样，您需要将其放入代码中：

$(function(){
$('#mouseon-examples div').data('powertipjq', $([
    '<p><b>Here is some content</b></p>',
    '<p><a href="http://stevenbenner.com/">Maybe a link</a></p>',
    '<p><code>{ placement: \'e\', mouseOnToPopup: true }</code></p>'
    ].join('\n')));
$('#mouseon-examples div').powerTip({
    placement: 'e',
    mouseOnToPopup: true
});
})

-编辑-

似乎您忘记了CSS，将其添加到html

-编辑-

全部代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>

    <title>My site</title>

    <link rel="stylesheet" type="text/css" href="http://stevenbenner.github.com/jquery-powertip/styles/jquery.powertip.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

    <script type="text/javascript">
    // mouse-on examples
    $(function(){
        $('#mouseon-examples div').data('powertipjq', $([
            '<p><b>Here is some content</b></p>',
            '<p><a href="http://stevenbenner.com/">Maybe a link</a></p>',
            '<p><code>{ placement: \'e\', mouseOnToPopup: true }</code></p>'
            ].join('\n')));
        $('#mouseon-examples div').powerTip({
            placement: 'e',
            mouseOnToPopup: true
        });
        })


    </script>
<style type="text/css">
    #mouseon-examples div {
        background-color: #EEE;
        text-align: center;
        width: 200px;
        padding: 40px;
    }

    </style>
    </head>

    <body>

    <div id="mouseon-examples">dfgdg</div>

    </body>
    </html>

请提出一个更好的问题标题。。。您还可以澄清什么是“不工作”吗？您在站点上看到控制台错误了吗？您需要在DOM就绪后运行代码<代码>$（函数（）{//您的代码}）。我无法使工具提示正常工作。只显示没有效果的文本。你说的DOM已经准备好了，我曾经使用过jquery插件，但最近我遇到了一些问题，但奇怪的是它主要在JSFIDLE上工作，从来没有在我的网站上工作过。即使在那之后它仍然没有效果。无操作的纯文本。

$(document).ready(function(){
    $('#mouseon-examples div').data('powertipjq', $([
        '<p><b>Here is some content</b></p>',
        '<p><a href="http://stevenbenner.com/">Maybe a link</a></p>',
        '<p><code>{ placement: \'e\', mouseOnToPopup: true }</code></p>'
        ].join('\n')));
    $('#mouseon-examples div').powerTip({
        placement: 'e',
        mouseOnToPopup: true
    });
});