jquery Qaptcha

[mv.silvapereira 0]

Bom dia, estou tentando configurar o plugin jquery Qaptcha mas ele apresenta um erro ao ver o console do chrome

 

"Uncaught TypeError: Object [object Object] has no method 'draggable'"

 

Fiz EXTAMENTE como está no site do plugin e mesmo assim não funciona

 

http://www.myjqueryp...-plugin/qaptcha

 

O Captcha até aparece.. mas ele não desliza.

[fernandotholl 19]

Posta o seu código pra gente.

 

Mais mesmo assim tenho algumas suposições, a primeira dela é a que você tenha incluído apenas o core do jQueryUI, então você precisaria incluir o Javascript do "draggable", você pode fazer o download aqui:

 

http://jqueryui.com/download/

 

Ou então ele está entrando em conflito com outras bibliotecas, tente colocar seu código entre esse bloco:

 

(function($) {
    $(document).ready(function(){
    /* Aqui */
    });
})(jQuery);

 

Se não resolver, como lhe falei, poste o que você tem pronto de código.

 

Abraço, até +

[mv.silvapereira 0]

Estou incluindo o jquery ui por este link

 

http://code.jquery.com/ui/1.9.2/jquery-ui.min.js

 

É esse é o correto??

 

Pq o resto do código está exatemente igual ao do site do plugin

http://www.myjqueryplugins.com/jquery-plugin/qaptcha

[fernandotholl 19]

Pois é, está correto, nesse link está incluso tudo.

O Código que te passei, você testou?

 

Se mesmo assim não der certo, poste o códio com os JS que você inclui, e como você tentou fazer, assim ajuda a entender onde está o o problema.

[mv.silvapereira 0]

Tah... vamos lá.. tem um arquivo com o form

      <form method="post"  id="" name="">
        <label>E-mail</label>
        <input type="text" name="email">
        <label>Senha</label>
        <input type="text" name="pass">
        <label>Observações</label>
        <textarea name="obs_form">
  	</textarea>
        <div>
          <!-- div q exibe o qaptcha -->  
          <div class="QapTcha"></div>
        <input type="hidden" name="acao" value="enviar" />
        <input type="submit" name="enviar" value="Enviar Formulário" class="button">
      </form>

 

 

Tem um arquivo separado o general.js onde ficam todos as configurações dos meus js, onde está o js do qaptcha..

// Carregar Captcha
	$(function(){
	  $('.QapTcha').QapTcha({
	  	disabledSubmit:true,
	  	autoSubmit:false,
	    autoRevert : true,
	    txtLock: 'Desbloquei o Captcha para enviar o formulário',
	    txtUnlock: 'Formulário Desbloqueado'
	   });
});

 

 

E no caso um outro arquivo com o link dos scripts q é incluido no header

<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>
<script src="js/jquery.ui.touch.js"></script>

<!-- arquivo general.js onde fica as configurações de todos os scripts jquery q uso --> 
<script src="js/general.js"></script>
<script src="js/QapTcha.jquery.js"></script>

 

 

É isso..

[fernandotholl 19]

Amigo, peguei seu código, exatamente igual, adicionei o jquery, jquery.ui, jquery.toutch, e o QapTcha, e funcionou perfeitamente, veja o mesmo em funcionamento aqui:

 

http://jsfiddle.net/V9Vkj/

 

Porém, se eu adicionar novamente o jquery.ui nesse código, dá exatamente o mesmo erro que você disse acima, verifique se você não está chamando mais de uma vez algum plugin do jquery.ui, ou até mesmo o jquery.ui duas vezes.

 

Abraço, até +

[mv.silvapereira 0]

Poxa eu vii q funcionou.. mas não consigo enteder oq seja.. so estou dando entrada em um arquivo do jquery ui.. pensei q pudesse ser outros plugins jquery q uso.. mas tirei todos e deixei somente o qaptcha e mesmo assim continua dando erro.. =/

[mv.silvapereira 0]

Consegui achar onde tava o conflito.. meu site é em wordpress e por algum motivo quando eu tiro a função <?php wp_head(); ?> que tem q estar antes do fechamendo da head o plugin funciona.. E agora alguém sabe como resolver esse conflito..

[fernandotholl 19]

Você usou algum tema? Já não tem outras bibliotecas instaladas?

Verifica isso :D

[mv.silvapereira 0]

Não o tema foi eu que criei do zero.. =/ por essa não esperava.. o pior q uso outros plugins jquery e não ha conflito em nada.. acho q o jeito vai ser procurar outro plugin alternativo.. =/

[William Bruno 1501]

poste o seu wp-functions.php

[fernandotholl 19]

Tenta como última solução usar o jQuery.noConflict()

 

http://api.jquery.com/jQuery.noConflict/

[mv.silvapereira 0]

<?php
/**
 * @package WordPress
 * @subpackage Classic_Theme
 */

automatic_feed_links();

if ( function_exists('register_sidebar')) {
    register_sidebar(array(
        'name' => 'Default sidebar',
		'before_widget' => '',
		'after_widget' => '',
		'before_title' => '',
		'after_title' => '',
    ));
    
    register_sidebar(array(
        'name' => 'Blog sidebar',
		'before_widget' => '',
		'after_widget' => '',
		'before_title' => '',
		'after_title' => '',
    ));

    register_sidebar(array(
        'name' => 'Footer sidebar1',
		'before_widget' => '',
		'after_widget' => '',
		'before_title' => '',
		'after_title' => '',
    ));

	register_sidebar(array(
        'name' => 'Footer sidebar2',
		'before_widget' => '',
		'after_widget' => '',
		'before_title' => '',
		'after_title' => '',
    ));

	register_sidebar(array(
        'name' => 'Footer sidebar3',
		'before_widget' => '',
		'after_widget' => '',
		'before_title' => '',
		'after_title' => '',
    ));
}

// SUPORTE A MENU
add_theme_support('menus');
register_nav_menu('menu-principal','Menu Principal');

// ATIVAÇÃO DE THUMBS
add_theme_support( 'post-thumbnails' );
add_image_size( 'cat-post-thumbnail', 150, 150); // imagem para página cat search
add_image_size( 'single-post-thumbnail', 300, 300); // imagem para página cat search

?>

 

Essa é minha functions.php

[William Bruno 1501]

ok, achei que teria ai algum register_script que estaria carregando o .js que não deveria.

 

Pelo visto não. Pode postar um link para o site ? talvez algum dos plugins que vc usa está puxando o ui novamente, e por isso o erro.