Когда и как я могу использовать функцию JQuery? - легко один

Question

Я хочу знать, что, когда мы имеем функцию с параметрами, которые

работает как VB процедур

Когда и как я могу использовать эту функцию?

Как мы можем это назвать?

<script type="text/javascript"> 

function place(div, image_x, image_y) 
{ 

    $("#"+div).css("position", "absolute") ; 

    $("#"+div).css("left",image_x+"px"); 

    $("#"+div).css("top",image_y+"px"); 

} 

Когда и как я могу использовать эту функцию?

Я попытался использовать это несколькими способами, но кажется, что JQuery не активировался.

некоторые из моих усилий, чтобы называть это: (может быть, смешно)

(function($) { 
    // $(document).ready(function(){ 

    $.fn.Place = function place(div, image_x, image_y) { 
    }) (jQuery) 
jQuery(function($) { 
    place("pnlLinx", 700 , 500) ; 
}); 

или просто:

place("pnlLinx", 700 , 85) ; 

без эффекта

заранее спасибо

Это должно быть как imple вопрос для людей знал структуру JQuery Я не совсем знаком со структурой JQuery, но я использовал его разными способами в моих кодах.

Этот пример предназначен для изучения одной части этой структуры, , что у меня была проблема.

Answer 1

См. Это http://www.jsfiddle.net/, что может помочь вам понять, где разместить этот код. Кроме кода в Javascript разделе jsfiddle ссылка должна завернутые в <script> теге

Полный код

$.fn.place = function (image_x, image_y) { 
    this.css({ 
     position: 'absolute', 
     left: image_x + 'px', 
     top: image_y + 'px' 
    }); 
}; 

function place(divId, image_x, image_y) { 
    $('#' + divId).css({ 
     position: 'absolute', 
     left: image_x + 'px', 
     top: image_y + 'px' 
    }); 
} 


$(document).ready(function(){ 

    $('#pnlLinx').place(50, 100); 


    place('pnlLinx', 100, 150); 


    $('#pnlLinx').animate({color:"#dddddd"}, 500, function(){ 
      $(this).place(50, 100);  
      $(this).animate({color:"#aaaaaa"}, 1000, function(){ 
         place($(this).attr("id"), 100, 150); 
      }); 
    }); 

}); 

Answer 2

Я не полностью получить ваш вопрос, но вот что я могу сказать,

$.fn.place = function (image_x, image_y) { 
    this.css({ 
     position: 'absolute', 
     left: image_x + 'px', 
     top: image_y + 'px' 
    }); 
}; 

Теперь вы можете сделать

$('#pnlLinx').place(700, 500); 

Добавление функции в объеме $ .fn создает JQuery метод, который вы можете вызвать на объект jQuery. И внутри метода this ссылается на объект jQuery, на который вызывается метод.

Edit: Является ли это то, что вам нужно ...

$(function ($) { 

    function place(divId, image_x, image_y) { 
     $('#' + divId).css({ 
      position: 'absolute', 
      left: image_x + 'px', 
      top: image_y + 'px' 
     }); 
    } 

    place('pnlLinx', 700, 500); 

}); 

Edit 2: Если вы хотите функцию под $,

$(function ($) { 

    $.place = function (divId, image_x, image_y) { 
     // ... 
    } 

    $.place('pnlLinx', 700, 500); 

}); 

удачи.

Answer 3

Вы отказались от использования jQuery в качестве параметра анонимной функции, которую вы пишете, и вы добавляете Place в качестве метода, а затем пытаетесь использовать его как статическую функцию.

(function($) { 
    // $(document).ready(function(){ 

    $.fn.Place = function place(div, image_x, image_y) { 
    }) (jQuery) 
jQuery(function($) { 
    place("pnlLinx", 700 , 500) ; 
}); 

должен быть

(function($) { 

    $.place = function place(div, image_x, image_y) { 

    $("#"+div).css("position", "absolute") ; 
    $("#"+div).css("left",image_x+"px"); 
    $("#"+div).css("top",image_y+"px"); 
    }; 

})(jQuery); 

Тогда вы можете

$.place('mydiv', 700, 500); 

Обратите внимание, я использовал в нижнем регистре P, так как это соглашение для имен методов в JavaScript.

Answer 4

Убедитесь, что библиотека jQuery должна быть включена до любого кода jquery.