使用rapidweaver时,简单的jquery不起作用

时间:2013-06-25 23:59:57

标签: jquery append textinput

我花了很多时间(几天)寻找解决方案而且我没有找到明确的解决方案。我是新手,所以我可能不知道一些基本程序。我确信我犯了一个非常简单的错误,希望有人可以帮助我。

基本上我想在鼠标悬停(或单击)提交按钮时将文本添加到输入字段。我认为代码是正确的:

$(document).ready(function(){
    $('input[name="submitButton" ').mouseenter(function(){
        $('input[name="form[element0]" ').value($('input[name="form[element0]" ').value() + "extra text added") ;
    });
});

我认为问题在于我无法使用 rapidweaver 直接修改html,因此我无法将脚本源放在我想要的位置。我只能在标题,css,JavaScript标记中添加内容,但不能直接添加到正文中。会发生什么是在jQuery库之前加载JavaScript。但我不确定这是不是问题。

这是添加到标题的最底部:

<script type="text/javascript" src="jquery-1.10.1.min.js" ></script>

我还确保文件位于正确的文件夹中。

关于什么错误的想法,如果是我的代码,或者我只是没有正确设置?

2 个答案:

答案 0 :(得分:0)

这取决于在执行上述代码之前是否包含标题页。因此,在选择html元素时不会让您感到困惑,请为该元素提供ID并使用它进行访问。

e.g
   <input type = 'text' id = "txt1">
   <button id = "btnId"><Click Me</button>

并通过jquery使用此

访问它
$(document).ready(function() { 
    $('#btnId').click(function() { 
        $('#txt1').html('This will appear to the textbox!');
    });
});

如果你有互联网连接,你可以在这里引用你的jquery,这样你就不会混淆你的jquery文件所在的位置。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

答案 1 :(得分:0)

事实证明我解决问题的方法是将我的代码移动到带标签的标题,然后将http://添加到我的scr前面,如下所示:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

此处有更多信息:http://forums.realmacsoftware.com/discussion/comment/248749#Comment_248749