Question

我的按钮标签会根据加载的主题而改变。单击时，该按钮会将新数据加载到图表中。这适用于span元素，但是当我将span包装在按钮中时它不起作用。

示例：

<button type = "button" class = "btn btn-default"><span id="cat1"></span></button>

标签设置为：

click: function (e) {
            document.getElementById('cat1').innerHTML = 'something'
};

数据绑定点击：

$("#cat1").click(function() {
   // do stuff
 });

当我添加跨度按钮时，某些东西会丢失。我试图用锚替换span但是它也不起作用。

Answer 1

你试过吗？

<button type="button" class="btn btn-default" id="cat1"></button>

Answer 2

如何使用jQuery，您可以尝试更简单的表单。

试一试：

$('#cat1').click(function () {
    $(this).html('something');
});

或者如果设定值超出事件范围，则无法尝试：

$('#cat1').html('something');

Answer 3

使用以下代码

，可以在单击按钮时更新范围内的文本

$('#btnClick #cat1').text("something");

在上面我给了一个按钮的id为btnClick。

您也可以在不使用span的情况下实现功能。为此，您需要将按钮指定为

<button id="btnClick">Button</button>

要更改按钮文本，需要在点击事件中的代码将是

$('#btnClick').text("change")

Answer 4

当跨度嵌套在按钮内时，每次单击它时，都会触发按钮单击。但是没有触发跨度点击

基于你的html，看起来你正在使用bootstrap，你可以做类似以下的事情

<div class="btn btn-default">
    <span id="cat1"></span> 
</div>

我在小提琴中有一个有效的例子。