JQuery加载在html文件中，而不是在链接的javascript文件(JqueryUI标签)

Question

我现在遇到一个奇怪的问题。

我正在使用JqueryUI选项卡，并加载php页面与每个选项卡。这对我来说很好，但我要做的是加载另一个php页面从这些标签之一的html"a"标签。由于某种原因，当我将click函数放置在已经链接的javascript文件中时，它不起作用，但当我将代码直接放置在html文件中的脚本标记中时，它就起作用了。

函数如下:

$(function(){
    $('a.commandsRecep').on('click',function(e){
        e.preventDefault();
        window.open(this.href,'','width=700,height=700');
    });
})

我知道从选项卡内加载页面是由Ajax完成的，我想知道这是否是导致我出现问题的原因。

链接位于表内:

<td><a class="commandsRecep" href="./Ben_test/page_principale.php">R&eacute;ception des commandes</a></td>

Answer 1

包含的顺序是什么?
确保jquery包含在javascript文件之前

顺序如下:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="yourScript.js"></script>

Answer 2

找到了!过了一段时间，我又犯了同样的错误。我要做的是将脚本分成两部分，一部分需要jqueryUI，另一部分不需要。这样，在不导入jqueryUI的html文件中，我只导入不需要它的那个。看起来jquery需要jqueryUI而没有导入jqueryUI会阻止脚本执行