2011-09-23 74 views
0

我使用弹簧3,我有jquery添加到我的项目。现在我试图使用在https://github.com/jogep/jquery.ui.spinner春季3链接到外部JavaScript停止执行

发现的jquery number spinner插件问题是,当我链接到外部JavaScript文件时,似乎在脚本inport之后提供了所有其他javascript。见下文。

<script type="text/javascript" src="/starburst/resources/jqueryNumberSpinner/ui.spinner.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     alert("woi"); 
    }); 
</script> 

它不能是脚本本身的错误,因为我有使用完全相同的js文件在本地机器上工作的示例。如果我删除上面显示的ui.spinner.js的导入,我会看到它应该显示的警报。我完全受这个困扰,有没有人有任何想法?

感谢

编辑:我也是在项目中使用Dojo和我包括脚本道场后包括语句。

Firebug screenshot for scripts on the page

+1

你的代码没有问题。您是否与Fiddler检查过外部文件是否正确下载? – BNL

+0

我在firefox上使用了firebug,脚本在页面上,一切似乎都很好,但如果我运行该代码,则不会显示任何警报。它没有达到document.ready功能 – Binaryrespawn

+0

嗯,我不知道Dojo和jQuery的互操作性。 Dojo可能会以某种方式覆盖被jQuery捕获的文档的“ready”状态。不过,我不是一个道场绝地武士。反正这可能是与jQuery插件相同的问题。 –

回答

0

好吧,我设法找到一个解决方案,为他人的利益。我不确定它的春天特定,但在这里,

<spring:url var="spinnerJsUrl" value="/resources/jqueryNumberSpinner/ui.spinner.js"/> 
<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"> 
<!-- required for FF3 and Opera --> 
</script> 
<script type="text/javascript" src="${spinnerJsUrl}"> 
<!--testing here--> 
</script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.spinner').spinner({ min: 0, max: 100 }); 
    }); 
</script> 
0

2个快的事情来看看:

1)的jQuery核心脚本已经某处挂在同一页内或纳入ui.spinner.js之前进口的头?

2)您在<script>标记中指示的路径是否可以从此页面有效到达?无论如何,如果您使用Chrome或Firefox与FireBug,您可以访问JavaScript控制台以查看有关错误的更详细解释(例如:对于Chrome,您可以通过shift + ctrl + i访问控制台,而在Mac它是command-option-i;在Firefox上你可以激活FireBug)。在IE 8+上也有类似的内容,如果内存帮助我的话,F12也是如此。

Hth。

+0

是的,我确实包含了jquery my spring 3 loadscripts文件,并且脚本可以访问,但是我的文档就绪脚本没有显示在萤火虫上显示的DOM布局中。以上是导入的截图 – Binaryrespawn

+0

对于我来说,看起来有点奇怪,你的页面包含jQuery(1.4.3)的第一个版本,然后是更新的版本(1.6.2)。无论如何,我正在进行分析。 –