Javascript 为什么动态创建的按钮不工作？

我有一个搜索页面，当点击按钮时，它会显示搜索结果。 但是，在结果页面中，当我继续搜索某个内容时，按钮似乎没有响应：

下面是脚本：

    <div id="mainpage" >
    </div>

<script id="search" type="text/xml" >

                <div>

                    <input type="search" name="search" data-style="mini" data-theme="d" placeholder="search" value=""/> 
                    <button id="searchButton" type="submit" onClick="app.navigate('#home/search',{trigger: true});">Search</button>

                </div>
                <div>

                    <table >
                           {{result}}
                    </table>

                </div>

  </script>

---

您的javascript无效是第一个问题

您将提前关闭

\模板
方法调用

尝试将其替换为以下内容：

if (route === 'search') {

    var data = $.mobile.activePage.find("input[name=search]").val();

    ...

    $('#mainpage').html(_.template($('#search').html(), {
        result: resultValue
    }));

}

onclick="app.navigate('#home/search',{trigger: true}); return false;"

编辑

尝试将按钮上的onclick事件替换为：

if (route === 'search') {

    var data = $.mobile.activePage.find("input[name=search]").val();

    ...

    $('#mainpage').html(_.template($('#search').html(), {
        result: resultValue
    }));

}

onclick="app.navigate('#home/search',{trigger: true}); return false;"

您的onclick事件可能正在发生，但您没有停止submit按钮的默认行为。
抱歉，其他文件太多，无法使此脚本正常工作……我只粘贴与此问题相关的部分，只是想知道为什么呈现的页面不接受日志中的第二次onclick事件，我没有看到导航发生…它只是第一次发生，然后在我得到结果页面后，当我继续搜索时，在我单击日志中的按钮后，它不进入该路由范围…是不是因为当前url更改为home/search，但导航url仍在尝试导航到导致问题的同一url？您的控制台中是否有任何错误？听起来你的应用程序在其他地方遇到了问题，如果没有看到更多的代码，恐怕我将无法帮助你。