javascript - 在 JavaScript 函数中使用 jQuery

Question

function divlightbox(val)
{
    if(val)
    {
        val=val.replace( /^\s+/g, "" );
        var count_js=0;
        var big_string='';
        document.getElementById("video_lightbox").innerHTML="";
        document.getElementById("divlightbox").style.display = "block";
        $("#video_lightbox").css({"height":"430px","top":"10%","width":"480px"});

我发现错误在上面。我的问题是我不能同时使用 jQuery 和传统 JavaScript 吗？我已经多次编写过这样的代码，但从未遇到过这样的问题。我曾经在 JavaScript 函数中使用 .hide() 和 .css() 等 jQuery 方法，但这次它不起作用。

提前致谢。

Answer 1

虽然其他答案解决了具体问题，但我不认为 OP 的问题(粗体)在这里得到了真正的回答，因为这取决于具体的上下文，$ 可能还没有被定义为 jQuery 对象(我自己也遇到过几次这个问题。)

在这种情况下，您需要执行以下操作:

function divlightbox(val) {
    // ...
    // just use jQuery instead of $ one time
    jQuery("#video_lightbox").css({"height":"430px","top":"10%","width":"480px"});
}

或

function divlightbox(val) {
    // define the $ as jQuery for multiple uses
    jQuery(function($) {
        // ...
        $("#video_lightbox").css("height":"430px");
        $("#video_lightbox").css("top":"10%");
        $("#video_lightbox").css("width":"480px");
    }); 
}