我有一个分页脚本,我需要将类附加到上一个和下一个按钮。
代码与以下相同。
document.querySelector('.prev').style.opacity=(turntopage == 1)? "0.1" : "1";
document.querySelector('.next').style.opacity=(turntopage == totalpages)? "0.1" : "1";
目前,点击上一个和下一个时,将从上面应用可见性,如下所示。
<a class="next" href="#next" style="opacity: 0.1;">
<a class="next" href="#next" style="opacity: 1;">
我需要对上面的内容进行更改而不是样式,我可以附加应该如下呈现的类。
<a class="next disabled" href="#next">
可以看到完整的演示 HERE
答案 0 :(得分:0)
您可以将classList属性与.add和.remove函数一起使用:
document.querySelector( '下一个 ')classList.add(' 禁用');
答案 1 :(得分:0)
感谢您的支持。我自己解决了。
我创建了一个public class PhoneStateReceiver extends BroadcastReceiver {
@Override
public void onReceive(Context context, Intent intent) {
final Bundle bundle = intent.getExtras();
if(bundle != null) {
showToast(intent.getExtras().getString("data"));
}
if (intent.getAction().equals("android.intent.action.PHONE_STATE")) {
String state = intent.getStringExtra(TelephonyManager.EXTRA_STATE);
Log.d(TAG,"PhoneStateReceiver**Call State=" + state);
if (state.equals(TelephonyManager.EXTRA_STATE_IDLE)) {
if(recieveCall){
}
Log.d(TAG,"PhoneStateReceiver**Idle");
} else if (state.equals(TelephonyManager.EXTRA_STATE_RINGING)) {
} else if (state.equals(TelephonyManager.EXTRA_STATE_OFFHOOK)) {
}
} else if (intent.getAction().equals("android.intent.action.NEW_OUTGOING_CALL")) {
// Outgoing call
String outgoingNumber = intent.getStringExtra(Intent.EXTRA_PHONE_NUMBER);
Log.d(TAG,"PhoneStateReceiver **Outgoing call " + outgoingNumber);
setResultData(null); // Kills the outgoing call
} else {
Log.d(TAG,"PhoneStateReceiver **unexpected intent.action=" + intent.getAction());
}
}
}
,并按照我的风格添加它。它解决了我的目的。
最初,根据人们的建议,我确实尝试了ID
,.classList.add
,.addClass
等,但是在点击上一个和下一个时创建了多个实例/重复的类,这使得加价看起来非常混乱。这很顺利。如有任何建议/修改,请与我们联系。
代码更改如下。
.className +=
<强> LIVE DEMO OF THE SOLUTION 强>
答案 2 :(得分:-1)
要么我没有得到它,要么我不知道该怎么想......
$(&#34; a&#34;)。addClass(&#34; addClass1 addClass2&#34;);
更改第一部分以更改标记匹配的方式(按元素,按ID等)。 但这似乎太容易了,所以我很可能错过了这一点......
upd:错过了没有jquery ..使用普通的js .. var d = document.getElementById(&#34; a&#34;); d.className = d.className +&#34;禁用&#34 ;;