单击事件不在jquery中触发,Hello World在Jsfiddle中不起作用

时间:2016-01-04 22:42:56

标签: javascript-events jsfiddle

我一直致力于一个程序来显示呼叫代理的销售脚本。当用户单击链接时,指定的脚本应显示在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');
    }));

Hello World Fiddle

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);
            }

TestEvent Fiddle

0 个答案:

没有答案