标签: javascript-events

jQuery - .append()与.fadeIn()不起作用

我在使用这个工作时遇到了一些麻烦:

$("#cloud1").live("mouseenter", function() {
$(this).append('<div class="cloud1"><img src="http://mercury-consulting.theportlandco.com/wp-content/uploads/2010/10/1.png" width="470" height="400"/></div>');
$(this).fadeIn('slow');
});
Run Code Online (Sandbox Code Playgroud)

当我将鼠标悬停在div上时,它不会消失,它就会出现.不确定是什么问题 - 请告诉我!

jquery animation dom-manipulation javascript-events

2
推荐指数
1
解决办法
1万
查看次数

为什么我总是在我的案件中得到'虚假'的价值?

我在testFun.js中有一个函数

var testFunc=function{

   var hasCar=false;

   return{
      checkCar: function(){
           for(var i=0; i<5; i++){
               MyCar.check(hasCar); //defined in following MyCar.js
           }
      }
   }

}();
Run Code Online (Sandbox Code Playgroud)

MyCar.js中的另一个功能

var MyCar=function(){
     var createCar=function(){
            //Create a car 
            //var car = new Car();
     }
     return{
         check: function(hasCar){

              console.log(hasCar); //PROBLEM HERE: fierBug console output is "false" always even CHECK_BUTTON has been clicked, why?

              var handler=function(){
                  if(!hasCar)
                      createCar();
                      hasCar=true;
               }
               //CHECK_BUTTON is a button on UI
               CHECK_BUTTON.click(handler);
         }
     }
}();
Run Code Online (Sandbox Code Playgroud)

正如您在MyCar模块模式中看到的,CHECK_BUTTON单击何时,我将调用createCar()function,并将hasCar …

javascript jquery javascript-events javascript-framework

2
推荐指数
1
解决办法
114
查看次数

是否有内置的方式在JavaScript中本地生成自定义事件?

不久之前我正在玩JavaScript,而且我无法创建自己的事件让我感到恼火.

我已经看到了这个内置的框架(jQuery,MooTools,Prototype.Dojo并不奇怪,因为它似乎做了所有事情和你的洗衣店)我实际上构建了自己的系统来创建和发射自定义事件.

它只是觉得应该有一种本地方式来做到这一点.有没有人知道怎么做/如果你能做到的话?

javascript javascript-events

2
推荐指数
1
解决办法
492
查看次数

如何通过onClick of child <input>删除动态Parent <tr>

我正在添加<tr>一个javascript var:

var txtBox = "<tr id='dynTR'><td><input type='text' class='textBoxes' /></td><td><input type='text' class='textBoxes' value='0' /></td><td><input type='button' value='-' /></td></tr>";
Run Code Online (Sandbox Code Playgroud)

我的功能是:

function AddTR(table) {
            $(table).append(txtBox);
        }
Run Code Online (Sandbox Code Playgroud)

我的表结构(以及函数的按钮)在HTML中是:

<table id="tblTest" class="testTable">
            <thead>
                <tr>
                    <td>Product</td>
                    <td>Quantity</td>
                    <td>Remove TR</td>
                </tr>
            </thead>
            <tbody>

            </tbody>
        </table>
        <br />
        <input type="Button" id="btnTest" value="Add Table Row" onclick="AddTR($('#tblTest'))" />
Run Code Online (Sandbox Code Playgroud)

那么如何.remove()在jquery中使用函数去除父标记而不会意外删除所有<tr id='dynTR'>标记?

html javascript jquery dom-manipulation javascript-events

2
推荐指数
1
解决办法
3189
查看次数

JavaScript Readonly问题

我在使用JavaScript只读字段时遇到问题.我有一个文本框,我正在阅读.

 if(val == true)
{    
    ddlCnt.value=objRec.iCntId;
    tAdd1.value=objRec.sAddress1;        
    tAdd2.value=objRec.sAddress2;        
    tCity.value=objRec.sCity;
    tState.value=objRec.sState;
    tZip.value=objRec.sZip;

    //tAdd1.disabled = tAdd2.disabled = tCity.disabled = tState.disabled = tZip.disabled = ddlCnt.disabled = true;
    //tAdd1.disabled = tAdd2.disabled = tCity.disabled = tState.disabled = tZip.disabled = ddlCnt.disabled = true;
    tAdd1.setAttribute("readonly", true);
    tAdd2.setAttribute("readonly", true);
    tCity.setAttribute("readonly", true);
    tState.setAttribute("readonly", true);
    tZip.setAttribute("readonly", true);
}
Run Code Online (Sandbox Code Playgroud)

它工作正常.现在停用我使用的这个只读属性

else
{    
    tAdd1.value = tAdd2.value = tCity.value = tState.value = tZip.value = "";        
    //tAdd1.disabled = tAdd2.disabled = tCity.disabled = tState.disabled = tZip.disabled = ddlCnt.disabled = false;
    ddlCnt.value="-1";
    vsRec.innerHTML='';     
    tAdd1.setAttribute("readonly", false);
    tAdd2.setAttribute("readonly", …
Run Code Online (Sandbox Code Playgroud)

javascript javascript-events

2
推荐指数
1
解决办法
3329
查看次数

将鼠标悬停在mouseOut目标内的文本时,为什么.mouseOut()会触发?

例如,如果我这样做,$('div#something').mouseout(function(){});那么当我将鼠标悬停在#something div内的文本上而不是当我离开div时,该函数将触发.

我希望它只在我离开div时触发,而不是当我将鼠标悬停在div内的文本上时.

为什么会这样?

jquery javascript-events hover mouseout

2
推荐指数
1
解决办法
2169
查看次数

捕获Drupal自动完成值/事件并在找到的结果上更改表单组件

我不是AJAX,drupal或javascript的专家,但我会尽我所能让我的问题尽可能清楚.

我在开发环境中运行MySQL上的drupal 7.我编写了自己的模块'acid'来处理自定义自动完成功能

我正在为一家公司建立一个网站,允许他们为所有网站添加客户满意度表.在我的数据库中,我有一个'acid_company'和'acid_sites'表,其结构是一个公司可以拥有多个站点.

当用户想要添加站点时,他首先必须输入公司名称,以查看公司名称是否已存在于DB中.我有公司名称字段的自动完成功能正常工作,但我想要做的是禁用(或更改)"添加公司"表单的提交按钮,而不是将用户带到他可以添加网站的表单到公司.

所以步骤是:

  • [用户点击'添加网站'] - > [显示'添加公司'表单] - > [处理公司名称自动填充字段上的用户输入] - >
  • 公司已存在 - > [将表单提交按钮更改为"添加网站"(或提供"添加网站表单"的链接)]
  • 公司不存在 - >保持提交按钮不变 - >用户按提交[添加公司并将用户带到'添加网站'表格] (我已经完成了这项工作!)

所以我想知道的是,当用户从找到的结果中选择公司名称并相应地更改其他表单组件时,如何从company_name元素捕获事件.

就像是:

(user inputs company name) -> results found -> (user clicks one of the found results)<br />
<code>
do_disableForm()<br />
{<br />
&nbsp;&nbsp;this.form.addcompany.company_name.disable();<br />
&nbsp;&nbsp;this.form.addcompany.submit.disable();<br />
&nbsp;&nbsp;this.a.addsite.setVisable(TRUE);
}<br />
</code>
Run Code Online (Sandbox Code Playgroud)

"<a href='?q=addsite&companyid=xx'>添加网站</a>"链接还需要在其超链接引用中包含公司ID,因此我还需要从结果中捕获此信息.也许是一个隐藏的形式组件.

任何帮助将不胜感激.

作为旁注,我试图尽可能地遵循'drupal方式':)

javascript json drupal autocomplete javascript-events

2
推荐指数
1
解决办法
2297
查看次数

onClick没有被点击就关闭了

我非常擅长用Javascript编写,我正在创建一个基本的标签导航界面作为原型/练习.现在,我正在尝试使用onclick事件处理程序在无序的链接列表上显示警报,就像测试一样,无法弄明白.每次加载页面时,都会发生所有5次onclick事件,而不会点击任何内容.看看代码,如果您有任何建议,请告诉我:

window.onload = initAll;
var xhr = false;

function initAll () {
    var navDiv = document.getElementById("tab_navigation");
    var navTabs = navDiv.getElementsByTagName("a");

    for (var i = 0; i < navTabs.length; i++) {
        navTabs[i].onclick = tellTab(i);
    }
}


function tellTab (number) {
    number = number + 1;
    alert("You clicked tab number " + number);
}
Run Code Online (Sandbox Code Playgroud)

HTML结构如下:

    <div id="tab_navigation">
        <ul>
            <li><a href="#1">Tab 1</a></li>
            <li><a href="#2">Tab 2</a></li>
            <li><a href="#3">Tab 3</a></li>
            <li><a href="#4">Tab 4</a></li>
            <li><a href="#5">Tab 5</a></li>
        </ul>
    </div>   
Run Code Online (Sandbox Code Playgroud)

javascript onclick javascript-events

2
推荐指数
1
解决办法
293
查看次数

Javascript - 组合框改变其他组合框的值

我在表格上有2个组合框.每个都有值Yes和No.我想要的是当一个被改变时另一个得到反面(如果第一个是Yes,另一个是No).我需要用javascript来做.我看到了这个问题如何使用JavaScript更改组合框中的"选定"值?但它仅适用于一个组合框.

我怎样才能做到这一点?

LE:我需要这个例子来制作组合框.我不能使用单选按钮

javascript combobox javascript-events

2
推荐指数
1
解决办法
2万
查看次数

Raphael.js如何删除点击处理程序?

如果我将一个click事件处理函数附加到我的Raphael元素,如下所示:

var paper = Raphael("mycanvas", '100%', '100%');


var clickHandler = function(){
     //DO SOME THING
}

var myRect = paper.rect(140, 10, 30, 30);
myRect.click(clickHandler);
Run Code Online (Sandbox Code Playgroud)

如何在以后删除此单击处理程序?

我试过myRect.click(),我想它会清空我的点击处理函数,并将删除我以前的点击处理程序myRect,但它没有.

那么,如何在以后删除此单击处理程序?

javascript jquery javascript-events raphael

2
推荐指数
1
解决办法
1844
查看次数