使用 JQuery 和 BlogEngine.net 期望对象

发布于 2024-08-07 01:48:19 字数 449 浏览 3 评论 0原文

我有以下代码：

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
    });

页面加载失败，并显示“预期对象”。如果我将鼠标悬停在 Visual Studio 中的 $(document) 上，它会展开以显示其属性。这里没有其他对象，所以除非它在 jquery 库中失败，否则还有什么可能导致此问题？

BlogEngine 脚本也不应该发生任何冲突。我在 blog.js 中将所有 $ 变量重命名为 $BE，因此 JQuery 可以单独使用 $。

原文

I have the following code:

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
    });

The page fails on load with "Object expected". If I hover over $(document) in Visual Studio, it expands to show its properties. There is no other object here, so unless it's failing within the jquery library, what else could be causing this?

There shouldn't be any collisions happening with the BlogEngine script either. I renamed all of the $ variables to $BE in blog.js, so JQuery gets sole use of $.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

嘿看小鸭子会跑 2024-08-14 01:48:19

失败的最可能原因是 $(document).ready() 出现在 jQuery 脚本包含标记之前。

失败的方式或原因取决于您如何包含文件，但解决此问题的一种方法是在 Utils 静态类中使用 BlogEngine.NET 的 AddJavaScriptInclude()并在 BlogBasePage 类的 OnLoad 方法中添加 jQuery。

例如，

public abstract class BlogBasePage : System.Web.UI.Page
{
    /* other BlogBasePage methods, properties, fileds, etc */

    /// <summary>
    /// Adds links and javascript to the HTML header tag.
    /// </summary>
    protected override void OnLoad(EventArgs e)
    {
        /* other BlogEngine.NET code ... */

        // add jQuery to html <head> section. I've put my scripts
        // in a folder named 'scripts'
        AddJavaScriptInclude(Utils.RelativeWebRoot + "scripts/jquery-1.3.2.min.js", false, false);
    }

}

Now jQuery 将包含在中。如果您的脚本位于母版页中，那么我建议将其放入中，以确保 jQuery 脚本包含位于您的代码之前，并避免出现与以前相同的情况；如果您的脚本位于另一个外部文件中，那么您也可以使用 AddJavaScriptInclude() 将其包含在页面中，只需确保它是在添加 jQuery 文件之后出现的。

另一件需要注意的事情是，像您所做的那样重命名 Blog.js 文件和 BlogEngine.NET 附带的任何其他 js 文件中的变量 $ 可能是明智的，或者使用 jQuery 的 $.noConflict(); 然后将 jQuery 代码包装在一个自调用匿名函数中，这样

(function($) {

    // I can still use $ here for shortahnd for jQuery.

    $(document).ready(function() {
        // code to run when the DOM has loaded
    });

})(jQuery);

您仍然可以在函数内部使用 jQuery 的 $ 简写。

The most probable reason as to why it fails is that $(document).ready() appears before the jQuery script include tag.

How or why it fails will depend upon how you're including the file, but one way to solve this is to use BlogEngine.NET's AddJavaScriptInclude() in the Utils static class and add jQuery in the BlogBasePage class' OnLoad method.

For example,

public abstract class BlogBasePage : System.Web.UI.Page
{
    /* other BlogBasePage methods, properties, fileds, etc */

    /// <summary>
    /// Adds links and javascript to the HTML header tag.
    /// </summary>
    protected override void OnLoad(EventArgs e)
    {
        /* other BlogEngine.NET code ... */

        // add jQuery to html <head> section. I've put my scripts
        // in a folder named 'scripts'
        AddJavaScriptInclude(Utils.RelativeWebRoot + "scripts/jquery-1.3.2.min.js", false, false);
    }

}

Now jQuery will be included in the <head>. If you have your script in the master page, then I would advise putting it into the <body> to ensure that the jQuery script include will come before your code and avoid the same situation as before; if your script is in another external file, then you could use AddJavaScriptInclude() to include it in the page too, just make sure that it comes after adding the jQuery file.

One other thing to note, it may be sensible to either rename the variable $ in the Blog.js file and any other js files that BlogEngine.NET comes with as you have done, or use jQuery's $.noConflict(); and then wrap your jQuery code inside a self-invoking anonymous function like so

(function($) {

    // I can still use $ here for shortahnd for jQuery.

    $(document).ready(function() {
        // code to run when the DOM has loaded
    });

})(jQuery);

so that you can still use the $ shorthand for jQuery inside of the function.

回复收藏 0 原文