Когда я пытаюсь нажать на кнопку она не работает

Question

При нажатии на кнопку, функция не вызывается

<script type="text/javascript"> 
    $('#Add_Image').click(function() { 
    window.open('upload.html'); 
    }); 
</script> 

<button id="Add_Image" style="margin:10px; width:200px; height:35px; border-radius:8px;"> Add Image</button> 

Answer 1

написать его в документ, готовый часть:

$(document).ready(function(){ 
 
    $('#Add_Image').click(function() {//you can use $('#Add_Image').on('click',function() { //also 
 
    window.open('upload.html'); 
 
    }); 
 
    
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="Add_Image" style="margin:10px; width:200px; height:35px; border-radius:8px;"> Add Image</button>

Answer 2

Ниже все работает отлично для меня ... просто оберните документ document.ready и не используйте символы подчеркивания или капитализации на названиях селекторов ;-). Это приведет к дебатам: -/

<script type="text/javascript"> 
    $(document).ready(function(){ 

    $('#add-image').on('click',function() { 
     window.open('upload.html'); 
    }); 

    }); 
</script> 

<button id="add-image" style="margin:10px; width:200px; height:35px; border-radius:8px;"> Add Image</button>