Javascript 单击页面时功能不显示

我有一个Javascript函数，它在运行时在无序列表中创建一些列表项，但是当调用页面时，onload事件不会运行该函数，它只在我刷新页面时起作用。我尝试在指向页面的锚定标记中放置onclick函数，但该函数也无法运行。我正在使用jquerymobile的UI来设计和使用D3。我也试过了。从JQuery准备好了，但这也没有解决问题

<div data-role="content">
<ul data-role="listview">
<li><a href="html/template/data.html" data-transition="slide">&nbsp;&nbsp;To Data</a></li>
</ul>
</div>

---

我之前将“Onload”事件放在data.html文件中（不在索引中），但它不起作用，因此我将其放在索引中，它也不会显示。（它运行时没有刷新）

它可能与这些库的加载顺序有关。 您可以通过使用简单的旧JavaScript来避免所有这些，如下所示：

HTML:

我还没有完成它的其余部分，但是如果在onload函数中调用这个javascript，它肯定会运行

---

您还可以使用标准DOM选择器将函数附加到每个列表项。

为什么不在此处粘贴简化版本的代码呢？您在哪里将此函数绑定到

.ready

处理程序，或

onload

事件？否，coolcat只是一个测试屏幕是否会更新的函数。我正在data.html文件中使用onload事件。（除了id为=“YourData\u ul”的ul之外，它是空的）

coolcat: function(){
        var AddedElem = d3.select("#YourData_ul").selectAll("li")
                .data(lines)
                .enter()
                .append("li")
                .attr("class", "ui-field-contain");
        AddedElem.append("label").text(function (d){ return d.itemname;}).attr("class", "information");
        AddedElem.append("input").attr("class", "input-deco");
        console.log("Just ran Coolcat!");

<div data-role="content">
    <ul id="myListView" data-role="listview">
    <li><a href="html/template/data.html" data-transition="slide">&nbsp;&nbsp;To Data</a></li>
    </ul>
</div>

var list = document.getElementById('myListView');

var listEntry = document.createElement('li');
listEntry.appendChild(document.createTextNode('new list text'));
list.appendChild(listEntry);