Question

我有一个调用外部JSP的jQuery UI模式。在JSP中我也有HTML和jQuery代码。打开模态时，会出现一个搜索屏幕，搜索按钮会在单击时对文本框中的字符进行计数。

除了找不到模态加载的输入框外，它会找到父窗口的元素（也是搜索屏幕）。

$(document).ready(function()
{  
    console.log('ready!');
    // Just some test code
    $("input[type='text']").each(function()
    {
        console.log("textbox: " + $(this).attr("id"));
    });
});

function countSearchChars()
{
    var count = 0;

    $("input[type='text'][name^='SEARCH_' i]").each(function()
    {
        alert($(this).attr("id") + " val count: " + $(this).val().length);
        count += $(this).val().length;
    });
    return count;
}

父JSP调用 -

$("body").append("<div id='modalCustomerServiceWindow'></div>");
$("#modalCustomerServiceWindow").dialog(
{ 
    autoOpen: false, draggable: true, 
    resizable: true, height: heightScreen, width: widthScreen, 
    modal: true, title: "Customer Service Notes",
    closeOnEscape: true,
    open: function(event, ui)
    {
        $(this).load(url);
    }
});
$("#modalCustomerServiceWindow").dialog("open");

退货 -

文本框：SEARCH_name_last 文本框：SEARCH_name_first 文本框：SEARCH_comp_1 文本框：SEARCH_internet_address 文本框：SEARCH_reg_uid 文本框：SEARCH_show_code 文本框：SEARCH_mail_type_code 文本框：SEARCH_org_id 文本框：SEARCH_link_reg_uid

没有找到任何这些 -

<input type="textbox" class="search-field comment" name="search_comments" 
            id="search_comments" size="90">
<input type="textbox" class="search-field" name="search_add_date" 
            id="search_add_date" size="15"></TH>
<input type="textbox" class="search-field" name="search_add_userid" 
            id="search_add_userid" size="9">

我将计数字符方法放在全局js文件中并将其移动到JSP文件中，并且会出现相同的结果。我在主体标签之前移动了脚本标签，但没有任何改变。

Answer 1

我能够找出错误。此代码自2000年以来一直存在。

<input type="textbox">

我猜IE显示这个没问题，但jQuery显然找不到它。

在jquery ui modal中调用外部常用函数

1 个答案: