我一直致力于一个程序来显示呼叫代理的销售脚本。当用户单击链接时,指定的脚本应显示在div中。
工作正常,然后我的点击事件停止了。我决定尝试jsfiddle发布我的代码并获得一些帮助。我把它剥离到了必需品,它也没有在那里工作。
不同寻常的是,当我试图运行jsfiddle的Hello World演示时,即使我逐字复制它,事件也不会触发。真正奇怪的是,预先构建的Hello World版本运行良好。
Hello World
HTML
<div id='test'>Hello World!</div>
CSS
#test {
width: 100px;
height: 100px;
background: #ffb;
padding: 10px;
border: 2px solid #999;
}
Javascript
$('test').addEvent('click', (function() {
$('test').set('html', 'Goodbye World!')
$('test').fade('out');
}));
TestEvent
HTML
<div id="scriptList" class="links" style="width:400p;height:150px;overflow-y:scroll;padding:5px;float:left">
<ul>
<li><a href="#" class="links" id ="1" name="link1" data-linkID="1">First Link</a></li>
<li><a href="#" class="links" id ="2" name="link2" data-linkID="2">Second Link</a></li>
<li><a href="#" class="links" id ="3" name="link3" data-linkID="3">Third ink</a></li>
</ul>
</div>
<div id="scriptWindow" style="float:left; width:950px; height:200px; margin:20px;overflow-y:scroll">
Here is where the text will appear
</div>
Javascript
$('a').click(function () {
changeScript(scriptID);
return false;
});
function changeScript(scriptID) {
var scriptURL = "script"+scriptID+".html";
var xmlhttp = new XMLHttpRequest();
alert(scriptURL);
}