javascript裡用button標籤時onclick不會觸發事件不會觸發事件不會觸發事件

Question

function selectAudioList(){
        noteDB.transaction(function(tx){
            tx.executeSql("SELECT * FROM audios ORDER BY audioinfoupdated DESC",[],function(tx,result){
                
                
                var s="<li data-role='list-divider' id='watchdiaryNoEditlist'>錄音</li>";
                for(var i=0;i<result.rows.length;i++){
                   
                    s += "<li>title : " + result.rows.item(i).audiotitle + "<button type='button' onclick=' " + playAudio( result.rows.item(i).audioinfopath ) + " '>播放</button>"
                                        + "<button type='button' onclick=' " + stopAudio() + " '>停止</button></li>"; 
                }
                $("#audioTest").html(s);
                $("#audioTest").listview("refresh");              
            },errorCallback);
        },errorCallback);
    }
    
    function playAudio(path) {
        alert("button");
        mediaRec = new Media(path, function(){alert("create media success");}, function(){alert("create media error");});        if (mediaRec)          
         mediaRec.play();    
    }
    
    function stopAudio() {
        alert("stop");
        if (mediaRec)          
         mediaRec.stop();        }打開某個頁面後會執行selectAudioList這個函式  然後會有按鈕可以按
但是我按下去時alert都不會跳出來    應該是事件沒有觸發
請問這要怎麼修改呢

Answer 1

s += "<li>title : " + result.rows.item(i).audiotitle + "<button type='button' onclick='playAudio(\"" +  result.rows.item(i).audioinfopath  + "\")'>播放</button>"
  + "<button type='button' onclick='stopAudio()'>停止</button></li>";  

Answer 2

noteDB.transaction(function(tx){
            tx.executeSql("SELECT * FROM notes ORDER BY updated DESC",[],function(tx,result){
                
                
                var s="<li data-role='list-divider' id='watchdiaryNoEditlist'>日記</li>";
                for(var i=0;i<result.rows.length;i++){
                    
                    s += "<li><img width='75' height='50' src='" + result.rows.item(i).picpath + "'</img>" +result.rows.item(i).title +"<a href='previewpage.html?id="+result.rows.item(i).id +"'></a></li>"; 
                }
                $("#watchdiaryNoEdit").html(s);
                $("#watchdiaryNoEdit").listview("refresh");              
            },errorCallback);
        },errorCallback);這是另外一個頁面啟動時要跑得代碼
但是這個就OK  img裡面的圖都有讀到src並顯示出來

Answer 3

你先发一份完整的，放在一起的HTML代码

Answer 4

我這是一個專題  有一個html檔跟幾個js檔
要全放會很多？