0

Estou criando um plugin jquery e gostaria de saber como fazer para usar a div selecionada no plugin ser a minha variável...tentei isso :

(function ($) {
    $.fn.plugin = function () {
        $(document).ready(function () {
            var video = this;
            video.contextmenu(function () {
                return false;
            });
        });
      };
    })(jQuery);

mas não deu certo, alguém pode me dizer como fazer ?

http://jsfiddle.net/aeBYM/

1
  • Por favor coloque do inicio todo o código relevante à pergunta. Repare que no código que tem agora está a faltar o fecho de uma função };
    – Sergio
    Commented 15/04/2014 às 20:14

2 Respostas 2

2

No seu código anterior havia esse erro, além do uso errado do this dentro da closure, como indicado no EDIT logo abaixo.

Uso do this dentro do método do plugin

Neste caso, o this já é o próprio objeto do jQuery.

Ou seja, ao invés de fazer isso $(this), use apenas this.

this nesse caso é o objeto usado para chamar o método:

$("#xpto").dumb( ... );

No plugin, this se refere ao próprio $("#xpto").

Referência:

http://learn.jquery.com/plugins/basic-plugin-creation/

EDIT:

Problema com this na closure

No javascript, o objeto this está ligado diretamente ao método atual em execução. Por isso você terá de guardar o objeto do jquery, em uma variável, antes de usá-lo dentro de uma closure:

(function ($) {
    $.fn.dumb = function () {
        var _this = this;
        $(document).ready(function () {
            var video = _this;
            video.contextmenu(function () {
                return false;
            });
        });
      };
    })(jQuery);
7
  • o que isso quer dizer ? Commented 15/04/2014 às 20:05
  • Editei a resposta. Commented 15/04/2014 às 20:07
  • editei minha pergunta também, sabe pq ele falha quando uso assim ? Commented 15/04/2014 às 20:13
  • 1
    Como agora você editou a pergunta, essa resposta não faz mais sentido... vou editar a resposta para o novo caso. Commented 15/04/2014 às 20:24
  • 1
    Funcionou sim cara: jsfiddle.net/aeBYM/1 ... se existe algum problema é com esse método contextmenu. Mas que ele está sendo chamado está. Commented 15/04/2014 às 20:45
0

Já tentou:

(function( $ ){ 
    $.fn.dumb = function() {
        $(document).ready(function () {
            var video = this;
        });
    }
)( jQuery );

acredito que possa ser a diferença entre $(this) e this, mas não testei o código...

2
  • editei minha pergunta, veja se consegue ajuda... Commented 15/04/2014 às 20:13
  • coloca um exemplo completo, pois como você está chamando uma função "contextmenu" e eu não vejo a definição dela, fica mais complicado de ajudar, se não puder colocar o código real do seu problema, muda o nome das variáveis e resume para que possamos ter uma visão mais real do problema ;-) Commented 16/04/2014 às 1:15

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .