<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/modelsec.js"></script>
<script src="js/mahallesec.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
$(function(){
$(".box .h_title").not(this).next("ul").hide("normal");
$(".box .h_title").not(this).next("#home").show("normal");
$(".box").children(".h_title").click( function() { $(this).next("ul").slideToggle(); });
});
</script>
</body>
</html>Burada mahallesec.js, modelsec.js'den sonra olduğunda modelsec.js çalışmıyor. Hangisi sonra ise diğerini çalıştırmıyor.modelsec.js ve mahallesec.js kodları aşağıdaki gibidir.
modelsec.js
$(document).ready(function(e){
$("#markalar").bind('change',modelgetir);
});
function modelgetir(){
$.post('modeller.php',{marka_id:$("#markalar").val()},function(output){
$("#modeller option").remove();
$("#modeller").append(output);
});
}mahallesec.js$(document).ready(function(e){
$("#iller").bind('change',ilcegetir);
});
function ilcegetir(){
$.post('ilceler.php',{il_id:$("#iller").val()},function(output){
$("#ilceler option").remove();
$("#ilceler").append(output);
$.post('mahalleler.php',{ilce_id:$("#ilceler").val()},function(output){
$("#mahalleler option").remove();
$("#mahalleler").append(output);
});
});
}
$(document).ready(function(e){
$("#ilceler").bind('change',mahallegetir);
});
function mahallegetir(){
$.post('mahalleler.php',{ilce_id:$("#ilceler").val()},function(output){
$("#mahalleler option").remove();
$("#mahalleler").append(output);
});
}Bu iki script kod farklı yerlerde farklı işlemlerde kullanılıyor. Fakat birbirini engelliyor. modelsec.js dosyasını mahallesec.js'den üretmiştim! Kod yapısı benzer fakat bir yerde çakışma oluyor. Kodlar tek tek sorunsuz çalışıyor.Sorun nereden kaynaklanıyor olabilir? Ne yapabilirm? Yardımlarınız için peşin teşekkürlerimi sunarım.
