DotNetNuke - jQuery - 为什么这个 jQuery Watermark 插件不起作用？

Question

我使用 DNN 5.4 和默认的 google api jquery 参考：

我已经确认 jquery.min.js 正在加载。不知道还有没有其他的jQuery（插件除外）需要加载。

我正在使用 Google Code jQuery Textbox Watermark Plugin (Link)

Web Dev Toolbar & Firebug 提示 jQuery 和 Watermark 插件正在加载。此代码位于我的皮肤顶部附近 .ascs：

 <script type="text/javascript" src="/js/watermark/jquery.watermark.min.js"></script>

以下代码在基本 html 文档中有效（当输入包含在表单标签中时）。但是，当放置在 DNN 皮肤或 DNN 模块中时，它无法工作并在此处生成 javascript。

<script language="javascript" type="text/javascript">
    (function ($) {
        $(document).ready(function () {
            jQuery("#xsearch").watermark("Leave blank for USA");
        })
    })(jQuery);
</script>

SearchString: <input type="text" id="xsearch" name="xsearch" />
<input type="button" value="search" id="xsubmit" name="xsubmit"   />

错误（FireBug）：

jQuery("#xsearch").watermark is not a function
[Break on this error] jQuery("#xsearch").watermark("Leave blank for USA"); 

此替代代码产生相同的错误：

<script language="javascript" type="text/javascript">
    jQuery.noConflict();
    jQuery(function () {
        jQuery("#xsearch").watermark("Leave blank for USA");
        jQuery("#xsubmit").click(
            function () {
                jQuery("#xsearch")[0].focus();
            }
        );
    });
</script>

最后，当我用 $ 替换 jQuery 时也会产生同样的错误

感觉像是某种冲突，但我不知道下一步该做什么。

提前感谢您的宝贵时间

Answer 1

我注意到这是因为：

<script type="text/javascript" src="/js/watermark/jquery.watermark.min.js">

应该是

<script type="text/javascript" src="js/watermark/jquery.watermark.min.js">

如果您的皮肤根目录中有 js 文件夹。 您可以查看 FireBug 的 net 选项卡以确保您的脚本引用正确加载。我判断这个是因为我做了很多 dnn 开发，你引用的链接将变成 @987654321@ 当@987654322@ 被服务时