jQuery对话框中的图像按钮

时间:2016-09-02 21:12:30

标签: jquery jquery-ui jquery-ui-dialog

我想用图像按钮创建一个JQuery对话框。我尝试用我的图像替换按钮,但它没有按预期工作。我也尝试将我的图像src添加到按钮,也没有运气。所以我想知道是否可以在JQuery对话框中创建图像按钮?

1 个答案:

答案 0 :(得分:2)

我假设您已经能够在常规按钮上获得所需内容,而不是在对话框中。

您不必使用 $this->db->select('p.nome_paciente'); $this->db->from('cronograma_preventivo r'); $this->db->join('paciente p','p.id_paciente = r.id_paciente'); $this->db->where('r.mes','2016-09-01'); $this->db->where('( r.kit_higiene + r.raspagem + r.atendimento + r.aplicacao_fluor + r.evidenciacao_placa + r.polimento_protese ) != 0'); $this->db->group_by('p.nome_paciente'); 选项将按钮放在对话框中。你可以按照正常的方式做到这一点:

buttons

然后在你的剧本中:

<div id="dialogWithButtons">
    <button id="saveButton">Save</button>
    <button id="cancelButton">Cancel</button>
</div>

等等。我将让您根据您的具体情况制定详细信息。

但有一点是:您需要确保您的jQuery选择器唯一引用您的按钮。在我的情况下出现了取消按钮,因为我有一个$('#dialogWithButtons').dialog(); $('#saveButton').on('click', function(e, ui) { //do whatever }); 类,我用于多个页面的点击事件处理程序(因为每页只有一个)。如果这样做,单击取消按钮将运行(或者至少在我的情况下,运行)处理程序,就像您单击主页上的取消按钮一样。