Ver Mensaje Individual
  #5 (permalink)  
Antiguo 25/09/2012, 12:40
Avatar de lgza70
lgza70
 
Fecha de Ingreso: febrero-2011
Mensajes: 29
Antigüedad: 13 años, 10 meses
Puntos: 1
Respuesta: no funciona una versión de js con otra...

Cita:
Iniciado por Dradi7 Ver Mensaje
Primero todas las lineas script deben ir arriba, luego de esto debes realizar las funciones

Código HTML:
Ver original
  1. <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
  2. <script src="js/jquery.colorbox.js"></script>
  3. <script type="text/javascript" src="js/mr.js"></script>

Segundo no hagas dos $(document).ready(function(){}); hazlo todo en uno solo y me cuentas como quedo tu codigo
LISTO

Ahora que lo tengo ya todo junto, los scripts arriba y un solo $(document).ready quedó así:


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.currency.js"></script>
<script type="text/javascript" src="scripts/jquery.ddslick.min.js"></script>

<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.colorbox.js"></script>
<script type="text/javascript" src="js/mr.js"></script>


<script>

$(document).ready(function(){

$(".euros").click(function() {
Blah blah blah....
});

$('#dolars').click(function() {
Blah blah blah....
});

$('#pounds').click(function() {
Blah blah blah....
});



$("a[rel='example1']").colorbox();

$( "#datepicker" ).datepicker({
minDate: '1',
beforeShowDay: $.datepicker.noWeekends,
$datepicker_options
});

$(function() {
$( "#accordion" ).accordion({
collapsible: true
});
});

var options = {
target: '#output1'
};




$("#close-modal").on('click', function () {
$('#dd-modal').effect('drop');
});

var ddData = [
{
text: "$ USA Dollar",
value: "dollars",
description: "",
imageSrc: "images/usa.png"
},
{
text: "€ Europe Euro",
value: "euros",
description: "Estimated current change",
imageSrc: "images/eur.png",

},
{
text: "£ UK Pound",
value: "pounds",
description: "Estimated current change",
imageSrc: "images/uk.png"
}

];


$('#CSelection').ddslick({
data: ddData,
defaultSelectedIndex: 0,
onSelected: function(data){
var ddData = $('#CSelection').data('ddslick');
displaySelectedData("3: Callback Function on Dropdown Selection" , ddData);
}
});

function displaySelectedData(demoIndex, ddData) {

if (ddData.selectedData.value=='dollars') {
$('.dolars').trigger('click');
}
if (ddData.selectedData.value=='euros') {
$('.euros').trigger('click');
}
if (ddData.selectedData.value=='pounds') {
$('.pounds').trigger('click');
}
};

});
</script>




Ahora que está todo junto, así no se ve ninguno de los dos, ni el dropdown para los cambios (lo azul) ni el calendario para cotizar (lo rojo); a diferencia de cuando estaba separado.
De nuevo, si elimino la línea que decía que era el problema la que está en rojo bold, pasa exactamente lo mismo que antes, ya se muestran los dos, el dropdown para los cambios a dls eur etc funciona pero lo rojo para cotizar no funciona como debe, agrega una cantidad por default en lugar de como funcionaba correctamente antes. :S