0

私はボタンを持っています。ボタンをクリックすると、画像が別のものに変わるようにしたいと思います。簡単に聞こえます。

 <buttonLockup toggle="true">
        <badge src="resource://button-rate-off" class="whiteButton" />
        <title>Add to Favourites</title>
      </buttonLockup>

次のように変更する必要があります。

 <buttonLockup toggle="true">
        <badge src="resource://button-rate-on" class="redButton" />
        <title>Remove from Favourites</title>
      </buttonLockup>

私の Presenter.js には、アイテムを選択したことを検出できるロード関数があります。

load: function(event) {
    console.log(event);

    var self = this;
    var ele = event.target;
    var toggle = ele.getAttribute("toggle");

    if (toggle)
    {
           console.log(ele);
           var badge = ele.getElementsByTagName("badge").item(0);
           console.log(badge);
           badge.src = "resource://button-rated"; // Doesn't change
    }
},

それを変更する方法についてのアイデアはありますか？

4

1 に答える 1

0

わかりました、これはうまくいくようですが、上記のセクションの奇妙な再レイアウトの問題が発生します:

var isTrueSet = (toggle === 'true');
        var badge = ele.getElementsByTagName("badge").item(0);
        if (isTrueSet == true)
        {
            badge.setAttribute('src', 'resource://button-rated'); 
        } else {
            badge.setAttribute('src', 'resource://button-rate');
        }
        ele.setAttribute('toggle', !isTrueSet);
于 2016-02-17T11:51:10.540 に答える