Der Code mit $("#adminLink")
funktioniert gut, aber die $("#itemLink")
nicht. Ich habe alles versucht, was mir einfällt. Ich denke, ich brauche ein frisches Paar Augen. Alles, was ich versuche zu tun, ist die Src dieser beiden IMG zu ändern, wenn ein Element angeklickt wird.jquery Bild ändern src
Code:
$(document).ready(function() {
HidelemArr = new Array();
HidelemArr[0] = "addItem";
HidelemArr[1] = "addAdmin";
//* hide presets
$.each(HidelemArr, function() {
$("#" + this).hide();
})
//*
$("#adminLink").click(function() {
var chld = $("#menuIMG");
var vis = (document.getElementById(HidelemArr[1]).style.display == 'block') ? 1 : 0;
changeDisplay(HidelemArr[1], vis, chld);
});
$("#itemLink").click(function() {
var chld = $("#Mitemimg");
var vis = (document.getElementById(HidelemArr[0]).style.display == 'block') ? 1 : 0;
changeDisplay(HidelemArr[0], vis, chld);
});
});
function changeDisplay(id, vis, chld) {
$.each(HidelemArr, function() {
if ((this == id) && (vis == 0)) {
chld.attr("src", "images/icon_sync.gif");
$("#" + this).slideDown('slow', function() {});
} else {
chld.attr("src", "images/icon_trace.gif");
$("#" + this).slideUp('slow', function() {});
}
})
}
html:
<ul>
<li class="header">Quick Access:</li>
<li ><span id="itemLink">
<a >Add Item</a>
<img id="Mitemimg" class="qaimg" src="images/icon_trace.gif"></span></li>
<li ><span id="adminLink">
<a >Add Administrator</a>
<img id="menuIMG" class="qaimg" src="images/icon_trace.gif"></span></li>
</ul>
</div>
<div id="main">
<h1>Actions Required:</h1>
<div id="forms">
<table class="linkForm" id="addItem">
<?php require_once 'additemform.php'; ?>
</table>
<table class="linkForm" id="addAdmin">
<?php require_once 'addAdminForm.php'; ?>
</table>
</div>
</div>
Bitte zeigen Sie auch die HTML. – JJJ
Sie verwenden camel case für 'addAdmin', aber nicht 'additem' sollte 'additem' genauso groß wie I sein? – scrappedcola
'HidememArr = new Array();' sollte mit 'var' im globalen Bereich deklariert werden, außerhalb' $ (document) .ready (function() {' – Oden