asp.net - DotNetNuke - jQuery - 为什么这个 jQuery 水印插件不起作用？

Question

我使用 DNN 5.4 和默认的 google api jquery 引用:

我已经确认 jquery.min.js 正在加载。我不知道是否还有其他 jQuery(除了插件之外)需要加载。

我正在使用 Google Code jQuery 文本框水印插件 ( Link )

Web 开发工具栏和 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 的网络选项卡，以确保您的脚本引用正确加载。我判断这一点是因为我已经做了很多 dnn 开发，并且您引用的链接将变成
<a href="http://www.mydomain.com/tabId/80/js/watermark/jquery.watermark.min.js" rel="noreferrer noopener nofollow">http://www.mydomain.com/tabId/80/js/watermark/jquery.watermark.min.js</a> 当<a href="http://www.mydomain.com/tabId/80/Default.aspx" rel="noreferrer noopener nofollow">http://www.mydomain.com/tabId/80/Default.aspx</a>已送达