基本上,我有一个由 foreach 循环组成的文件列表,除了名称之外,它们都具有相同的代码,其中包含每个文件的 file_id。我的问题是,当我添加一个点击弹出事件时,我失去了获取当前$(".flag")
属性名称的能力。有没有一种方法可以让我一路传递它,以便最终使用它?
PHP:(用户看到他们可以点击的链接......请记住,其中有几个是 foreach 循环的结果。例如,我正在展示一个)
echo "<td><a href='#' class='flag' name='$files[id]' >Click Here</a> ( $files[nums] )</td>";
jQuery:(点击会发生)
$(".flag").live('click', function() {
$(".pop").show("slow");
return false;
});
HTML:这个 div 会弹出
<div class="pop">
<form method="post" id="new_folder" >
<p><label for="folder">Reason for Reporting?</label><textarea id="report_reason" name="report_reason" maxlenght="100" style="resize:none" cols="30" rows="5">Please limit your response to 100 characters.</textarea></p>
<p><input type="submit" value="Submit" id="message_submit"/> or <a class="close" href="/">Cancel</a></p>
</form>
</div>
jQuery:在提交时,我需要$files['id']
通过 ajax 发送当前和 textarea 值。textarea 发送正确的数据,但$(".flag")
不是所选链接的 id,而是从 foreach 循环中获取的第一个 id 的 id
$("#message_submit").on("click", function(e){
var fileID = $(".flag").attr("name");
var text = $("#report_reason").val();
$(".pop").hide("slow");
$.ajax({
url: '<?php echo base_url().'home/report_file';?>',
type: 'POST',
data: { val: fileID, val2: text },
dataType: 'json',
success: function(output_string){
$(".success").text("You have flagged this file!!").show().css({"color" : "green", "margin-top" : "10px"});
$(".success").fadeOut(10000);
}
});
return false;
});