Javascript 事件选项卡工作不正常
嗨,我有一个小项目,我有两个标签。我的选项卡显示正常,但当我尝试在该选项卡上执行事件时,它无法正常工作。我在编辑Fahrzeug选项卡上有提交按钮,当我单击提交按钮时,Fahrzeuge选项卡应显示。我已经使用了alert,只是想知道我的事件是否有效。这是我的密码: dashboard.phpJavascript 事件选项卡工作不正常,javascript,php,jquery,tabs,jquery-tabs,Javascript,Php,Jquery,Tabs,Jquery Tabs,嗨,我有一个小项目,我有两个标签。我的选项卡显示正常,但当我尝试在该选项卡上执行事件时,它无法正常工作。我在编辑Fahrzeug选项卡上有提交按钮,当我单击提交按钮时,Fahrzeuge选项卡应显示。我已经使用了alert,只是想知道我的事件是否有效。这是我的密码: dashboard.php 请为Iti Rahul创建一个fiddle我有php文件,但我不能为它创建fiddle真的吗?我有内置的库和所有o创建选项卡,所以它在fiddle中不起作用。你可以使用HTML和JS代码创建fiddle,
请为Iti Rahul创建一个fiddle我有php文件,但我不能为它创建fiddle真的吗?我有内置的库和所有o创建选项卡,所以它在fiddle中不起作用。你可以使用HTML和JS代码创建fiddle,这些代码是通过浏览器“查看页面源代码”获得的。谢谢Rahul,我会尝试这样做
$page['button'] = array(
1 => array( 'Submit','pfeil2r','"#"','','','','submitId'),
2 => array( 'Reset','pfeil2r','"#"','','','','resetId'),
3 => array( 'Cancel','pfeil2r','"#"','','','','cancelId'),
);
$mysql_host='192.168.1.52';
$mysql_user='www1';
$mysql_pass= 'upe0goo';
$mysql_db='adsetest';
$myConnection = mysql_connect($mysql_host,$mysql_user,$mysql_pass);
mysql_select_db($mysql_db,$myConnection);
$param = array_merge($_GET, $_POST);
$return = array();
// Your Code
if($param['aktion'] == 'save-widget-vehicle')
{
$data = array();
$opts = !empty($param['filterOpts']) ? $param['filterOpts'] : array();
$tmp = array();
foreach ($opts as $opt) {
$tmp[] = '"'.$opt.'"';
}
$query =
'SELECT Fahrzeuge.dsnr,name
FROM Fahrzeuge
INNER JOIN ohne_fahrzeuge ON Fahrzeuge.dsnr = ohne_fahrzeuge.dsnr
WHERE Fahrzeuge.name IN ('.implode(",", $tmp).')';
$result = mysql_query($query, $myConnection);
$param['aktion'] = 'get-widget-vehicle';
}
if($param['aktion'] == 'get-widget-vehicle')
{
$page['register-fahrzeuge'] = array(
0 => array( 'Fahrzeug','aktiv',$page['script'],''),
1 => array( 'Edit-Fahrzeug','enabled',$page['script'],'',''),
);
$data = array();
$opts = !empty($param['filterOpts']) ? $param['filterOpts'] : array();
$tmp = array();
foreach ($opts as $opt) {
$tmp[] = '"'.$opt.'"';
}
$query =
'SELECT Fahrzeuge.dsnr,name
FROM Fahrzeuge
INNER JOIN ohne_fahrzeuge ON Fahrzeuge.dsnr = ohne_fahrzeuge.dsnr
WHERE Fahrzeuge.id IN (1,2)';
$result = mysql_query($query, $myConnection);
while ($row = mysql_fetch_assoc($result)) {
if($row['name'] == 'Anzahl_Fahrzeuge_mit_und_ohne_Bilder')
{
$sql = 'SELECT * FROM amo_bilder_live l LEFT JOIN afzdaten a ON l.dsnr_afzdaten = a.dsnr WHERE l.dsnr_afzdaten IS NULL';
//get result...
// $row['number'] = $result
}
$data[] = $row;
}
$html = '<table width="538" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td>
<div>'.CreateRegister($page['register-fahrzeuge']).'</div>
'.CreateMessage().'
<div class="cont-liste-verlauf register">
<div class="tab-content">
<div id="tab1" class="tab" style="display:block">
<table id="fahrzeuge">
<thead>
<a href="#"><img id="filtered" src="images/button/wl_stift_gruen.gif"></a>
<tr>
//Build your List
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</td>
</tr>
</table>';
$return = array(
'status' => 1,
'html' => $html
);
echo json_encode($return);
die();
}
if($param['aktion'] == 'get-widget-vehicle-edit')
{
$page['register-fahrzeuge'] = array(
0 => array( 'Fahrzeug','enabled',$page['script'],''),
1 => array( 'Edit-Fahrzeug','aktiv',$page['script'],'',''),
);
$html = '<table width="538" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td>
<div>'.CreateRegister($page['register-fahrzeuge']).'</div>
'.CreateMessage().'
<div class="cont-liste-verlauf register">
<table id="fahrzeuge-edit" >
<tr>
<td>
<input type="checkbox" name="Anzahl_Fahrzeuge_mit_und_ohne_Bilder" id="Anzahl_Fahrzeuge_mit_und_ohne_Bilder" checked />
<label for="Anzahl_Fahrzeuge_mit_und_ohne_Bilder">Anzahl_Fahrzeuge_mit_und_ohne_Bilder</label><br>
<input type="checkbox" name="Fahrzeuge_ohne_Preis" id="Fahrzeuge_ohne_Preis" checked />
<label for="Fahrzeuge_ohne_Preis">Fahrzeuge_ohne_Preis</label><br>
<input type="checkbox" name="Fahrzeuge_mit_Fehlern" id="Fahrzeuge_mit_Fehlern" checked />
<label for="Fahrzeuge mit Fehlern">Fahrzeuge mit Fehlern</label><br>
<input type="checkbox" name="Herausforderungen" id="Herausforderungen" checked />
<label for="Herausforderungen">Herausforderungen</label>
</td>
</tr>
</table>
'.CreateButton($page['button']).'
</div>
</td>
</tr>
</table>';
$return = array(
'status' => 1,
'html' => $html
);
echo json_encode($return);
die();
}
$(document).ready(function(){
$('#fahrzeuge .reg-rahmen').live('click', function(){
//var currentAttrValue = $(this).attr('href');
//alert(currentAttrValue);
if($(this).attr('id') == 'regl1'){
$("#regl1").show();
$("#regl1").hide();
alert('Load Tab "Fahrzeuge"');
}
else{
alert('Load Tab "Edit-Fahrzeuge"');
}
});
function getFahrzeuge() {
var opts = [];
$("input[type=checkbox]").each(function () {
if (this.checked) {
opts.push($(this).attr("id"));
}
});
return opts;
}
function updateFahrzeuge(opts){
if(!opts || !opts.length){
opts = allFahrzeuge;
}
$.ajax({
type: "POST",
url: "ajax/dashboard.php",
dataType : 'json',
cache: false,
data: {filterOpts: opts, 'aktion' : 'get-widget-vehicle'},
success: function(data){
// $('#fahrzeuge').html(makeTable(records));
$('#fahrzeuge').html(data.html);
}
});
}
$('#fahrzeuge .butt-rahmen').live('click', function(){
if($(this).attr('id') == 'submitId')
alert('Clicked');
var opts = getFahrzeuge();
updateFahrzeuge(opts);
$("#regl1").show();
$("#regl1").hide();
});