单击行时添加图像(<li>标记)

时间:2015-10-23 17:55:58

标签: javascript html css jquery-mobile

为了解决这个问题,我想创建一个css类来添加图像,当我点击“li”时,我将它添加到它。但由于某种原因,它只是不起作用。该行在ui网格中正确显示,但是当我单击它时,图像不会出现。我已经使用alert()测试了onclick()事件,并调用了该函数。

因为我从这些语言开始,我只是觉得我假设的东西(例如,$(this)真的是指“li”标签吗?)。如果有人有想法,我们将不胜感激。这是我的代码:

CSS

checked
{
    background: url('images/checked.png') no-repeat right scroll;
    list-style: none;
}

JS

function isChecked()
{
    alert("test");
    $(this).addClass("checked");
}

HTML

<li class="addedParts" onclick="isChecked()">
    <a href="javascript:addParts();">
        <div class="ui-grid-solo">
            <div class="ui-block-a">test</div>
        </div>
    </a>
</li>

1 个答案:

答案 0 :(得分:1)

  

create table table_merged as select (@rn := @rn + 1) as id, t1.name, t1.type, t1.property1, t1.property2, t1.property3, t2.property11, t2.property12, t2.property13, . . . from table1 t1 left join table2 t2 on t1.name = t2.name and t1.type = t2.type_name cross join (select @rn := 0) params; 将在您的示例中引用this,因为上下文未通过。

试试这个:

window
function isChecked(elem) {
  $(elem).addClass("checked");
}
.checked {
  background: url('images/checked.png') no-repeat right scroll;
  list-style: none;
}