Calculadora Javascript não funciona no site.

[do_morro 0]

Bom dia a todos.

 

Estou integrando uma calculadora de juros em um site de um cliente mas a calculadora funciona fora do site, mas não funciona quando o script é colocado dentro do código HTML.

 

A calculadora é essa: https://www.querocreditopessoal.com.br/teste

 

E o site já com o código dentro é: https://www.querocreditopessoal.com.br/simulador.html

 

Alguém pode me dar uma luz?

 

Grato

 

Paulo

 

 

[tetsuo 0]

Olá!
Notei uma diferença:
O jquery do teste está assim: <script src="libs/jquery/jquery-1.11.1.min.js"></script>

e no site com código dentro está assim:  <script src="js/jquery-1.11.1.min.js"></script>

 

Existem essas duas cópias de jquery?

[do_morro 0]

Existem.

 

Copiei pra esse caminho também.

 

Esqueci de avisar isso.

 

Se for ver, os dois arquivos são exatamente iguais.

 

Paulo

[tetsuo 0]

Confira novamente!
Aparentemente o sr. não copiou não!
esse não existe: https://www.querocreditopessoal.com.br/js/jquery-1.11.1.min.js

apenas esse: https://www.querocreditopessoal.com.br/teste/libs/jquery/jquery-1.11.1.min.js

[do_morro 0]

É verdade...  Faltou colocar o arquivo lá, obrigado... 

 

Mas ainda assim não funciona. 

[do_morro 0]

Mais alguma ideia?

[kim.y 11]

Você esqueceu da classe widget.

<div class="widget" id="widget">
  
 ...
  
</div>

Já que o seu código utiliza ele:
 

Spoiler

		
		(function($){

        // Accepts arguments as strings
        $calculator = $('#widget').loanCalculator({
          loanAmount       : '$1,000.00',
          loanDuration     : '12',
          valueAddedTax    : '10%',
          serviceFee       : '0%',
          paymentFrequency : 'monthly'
        });

        // Can also take numbers as arguments...
        $calculator.loanCalculator('update', {
          loanAmount       : 1000.00,
          loanDuration     : 12,
          valueAddedTax    : 0.0,
          serviceFee       : 0.00,
          paymentFrequency : 'monthly'
        });

        // Generate amortization schedule as json.
        var getAmortizationSchedule = function () {
          var scheduleData = $calculator.loanCalculator('schedule');
          return JSON.stringify(scheduleData, undefined, 2);
        };

        // Dump the schedule in the DOM
        var $schedule = $('#amortization').html(getAmortizationSchedule());

        // Event handler for the update method.
        $calculator.on('loan:update', function() {
          $schedule.html(getAmortizationSchedule());
        });

      })(jQuery);
	  
    

 

[do_morro 0]

Perfeito!

 

Funcionou de cara!

 

Obrigado

 

Paulo