2014-11-21 77 views
0

我是全新的PHP,所以我的眼鏡如果這個問題似乎對你來說很奇怪。PHP的JavaScript問題

我有一個PHP文件(的index.php)類似,

echo " 
    <div> 
     <FORM name='myform' id='myform' method='post' action=''> 

     // I fetch data from mysql and populate dropdown list. Tha't work fine. 
     // Then I have one submit button when I click on that 

     echo "<button id='showButton' type='submit'> Show </button>"; 

     </FORM> 
"; 

然後我就一個process.js文件類似,

$(document).ready(function() { 

    $('#showButton').click(function() { 

     // Here I make one AJAX call to php file (fetch_more_data.php), which fetch more data from database 
     // This also works fine 

    }); 

}); 

在fetch_more_data.php我獲取更多數據並在表中使用

echo " 
    <script type = 'text/javascript' src = 'edit.js'></script> 

    <table ...> 

    <td> 
     <button id="myButton"></button> 
    </td> 

    </table> 

"; 

這也行得通。但我想編輯一個表格單元,爲此我需要編寫一些Java腳本代碼。我想在Javascripr爲myButton的點擊功能寫,我寫上edit.js文件,

$(document).ready(function() { 

    $('#myButton').click(function() { 

     alert('Hello'); 

    }); 

}); 

問題是$('#myButton').click(function()從來沒有所謂。我花了很長時間,但作爲初學者,我的搜索選項有限。 我會appriciate如果有人解決這個問題。

問候,

+1

請在我想到一個答案之前先適當地包裝你的代碼 – 2014-11-21 12:32:23

+0

你不能在另一個'echo「的內容中使用'echo' – RichardBernards 2014-11-21 12:33:11

+0

你正在使用jquery .. http://stackoverflow.com/questions/ 10508319/jquery-input-button-click-event-listener下面是一個例子:http://jsfiddle.net/gdoron/WTzKR/ – Gudgip 2014-11-21 12:34:21

回答

0

試着像這樣調用它:

$(document).ready(function(){ 
    $(document).on('click', '#myButton', function(){ 
    alert('hi'); 
    }); 
}); 

希望這有助於

0

嘗試

$('#myButton').live('click',function() { 

alert('Hello'); 

}); 

}); 
+0

嗨,謝謝你的回覆。我可以看到myButton回調函數是否在螢火蟲中被調用? – 2014-11-21 14:01:00

0

試試這個:

$(document).ready(function() { 

$(document).on("click", "#myButton", function() { 

alert('Hello'); 

}); 
}); 

由於HTML被添加到動態的DOM,你需要在jQuery的

來處理使用 Event Delegation
+0

感謝您的評論,似乎我沒有連接fetch_more_data.php和edit.js.我已經包含回聲「」;在fetch_more_data.php但沒有效果 – 2014-11-21 13:07:58

0

我認爲問題是,你不加載的jQuery

下載在哪裏是你的PHP文件相同的文件夾中的jQuery和在你的代碼中加入這一行

<script src="jquery-1.11.0.min.js"></script>