Question

我正在修补HTML和Javascript并遇到了问题。

我有一个按钮，可以在悬停时动画，并在点击时更改文字和颜色。再次单击时，它会返回与之前相同的颜色和文本。这是我用JS文件处理的。

我的问题是，第一次点击和悬停时一切正常，但是第一次点击后，动画会永远消失，现在按钮只会改变颜色和文字，没有悬停动画。

按钮的HTML：

    <button class="button" style="vertical-align:middle" id="buttonclick" onclick="setColor()">
<span>Enable Control</span></button>

有关完整说明，请参阅此JSfiddle。

Answer 1

你的解释有点模糊，标题有点令人困惑。我想你想要在开始时使用相同的悬停（当你按下按钮并返回蓝色时，必须再次出现悬停）。我会解决它：

问题是您在代码行上避免使用span标记：

configurations {
    modules
    compile.extendsFrom(modules)
}

dependencies{
    modules project(':moudle2')
    modules project(':moudle3')
}

task packageAll(type: Jar) {
    manifest {
        attributes 'Main-Class': 'YourMainClass'
    }

    // pack yours main module
    from sourceSets.main.output

    // pack your other two modules
    from {
        configurations.modules.collect { it.isDirectory() ? it : zipTree(it) }
    }

    // pack all dependencies in the project
    from configurations.compile.collect { it.isDirectory() ? it : zipTree(it) }

    version = ""
    baseName = "MY-Android-SDK"
}

您应将其更改为：

property.innerHTML = "Enable control"

其他部分也是如此：

property.innerHTML = "<span>Enable control</span>"

将此Javascript代码替换为修复后的代码：

 property.innerHTML = "<span>Disable control</span>"

Answer 2

您正在更改按钮的innerHtml。用文本替换你的span元素。

检查更新后的jsFiddle。

在不更改CSS样式的情况下更改按钮文本

2 个答案: