jquery最近添加的突出显示的css在生成警报后无法删除_Jquery_Html_Css

jquery最近添加的突出显示的css在生成警报后无法删除

jquery html css

jquery最近添加的突出显示的css在生成警报后无法删除,jquery,html,css,Jquery,Html,Css,我不熟悉jquery。我已经制作了JSFIDLE中显示的html表格。首先，从html表格的第二行第二个单元格中进行选择，然后从第一行第二个单元格进行选择。我给病人分配的时间不超过30分钟。如果用户选择的时间超过30分钟，则会给出不超过30分钟的警报时段。警报正常工作，但警报后不会删除其添加的css。每当我在警报后向上移动鼠标时，单元格就会用css高亮显示。我不想这样做，如果警报生成，然后最近添加到单元格的css被删除，并且每当我在警报后单击鼠标时，就不会用css突出显示任何单元格。我试了很多，

我不熟悉jquery。我已经制作了JSFIDLE中显示的html表格。首先，从html表格的第二行第二个单元格中进行选择，然后从第一行第二个单元格进行选择。我给病人分配的时间不超过30分钟。如果用户选择的时间超过30分钟，则会给出不超过30分钟的警报时段。警报正常工作，但警报后不会删除其添加的css。每当我在警报后向上移动鼠标时，单元格就会用css高亮显示。我不想这样做，如果警报生成，然后最近添加到单元格的css被删除，并且每当我在警报后单击鼠标时，就不会用css突出显示任何单元格。我试了很多，但没有找到正确的方法。当我突出显示30分钟时间并单击SelectPatient按钮Low to html table时，会出现SelectPatientPatient getting from textboxbutton，然后取消突出显示css

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Drag selection example</title>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">

        google.load("jquery", "1.3.2");

        google.setOnLoadCallback(function ()
        {
            var active = false;
            var lastActionWasError = false;
            $('#tableAppointment tr td:nth-child(2), #tableAppointment tr td:nth-child(3)').mousedown(function (ev)
            {
                active = true;
                $(".csstdhighlight").removeClass("csstdhighlight"); // clear previous selection
                ev.preventDefault(); // this prevents text selection from happening
                $(".csstdhighlight").removeClass("csstdhighlight");
                $(".temp_selected").removeClass("temp_selected");
                $(this).addClass("csstdhighlight");
                $(this).addClass("temp_selected");
            });

            $('#tableAppointment tr td:nth-child(2), #tableAppointment tr td:nth-child(3)').mousemove(function (ev)
            {
                if (lastActionWasError)
                {
                    $(".csstdhighlight").removeClass("csstdhighlight");
                    $(".temp_selected").removeClass("temp_selected");
                    lastActionWasError = false;
                }
                if (active)
                {
                    $(this).addClass("csstdhighlight");
                    $(this).addClass("temp_selected");
                }
                if ($('.temp_selected').length > 6)
                {
                    alert("Time slot not more than 45 minutes.");
                    $(this).removeClass("csstdhighlight");
                    $(this).removeClass("temp_selected");
                    lastActionWasError = true;
                    return false;
                }
            });
        });
    </script>
    <style type="text/css">
        .csstdhighlight
        {
            background-color: #ccffcc;
        }
    </style>
</head>
<body>
    <table id="tableAppointment" cellspacing="1" width="50%" border="1" align="center">
        <tr>
            <td bgcolor="#ffffff">
            </td>
            <td class="csstablelisttd">
            </td>
            <td class="csstablelisttd">
                <b>Patient Name</b>
            </td>
        </tr>
        <tr>
            <td class="csstablelisttd" valign="top" width="70px">
                8:00AM
            </td>
            <td class="csstablelisttd">
                0
            </td>
            <td class="csstablelisttd">
            </td>
        </tr>
        <tr>
            <td class="csstablelisttd">
            </td>
            <td class="csstablelisttd">
                15
            </td>
            <td class="csstablelisttd">
            </td>
        </tr>
        <tr>
            <td class="csstablelisttd">
            </td>
            <td class="csstablelisttd">
                30
            </td>
            <td class="csstablelisttd">
            </td>
        </tr>
        <tr>
            <td class="csstablelisttd">
            </td>
            <td class="csstablelisttd">
                45
            </td>
            <td class="csstablelisttd">
            </td>
        </tr>
        <tr>
            <td class="csstablelisttd" valign="top" width="90px">
                9:00AM
            </td>
            <td class="csstablelisttd">
                0
            </td>
            <td class="csstablelisttd">
            </td>
        </tr>
        <tr>
            <td class="csstablelisttd">
            </td>
            <td class="csstablelisttd">
                15
            </td>
            <td class="csstablelisttd">
            </td>
        </tr>
        <tr>
            <td class="csstablelisttd">
            </td>
            <td class="csstablelisttd">
                30
            </td>
            <td class="csstablelisttd">
            </td>
        </tr>
        <tr>
            <td class="csstablelisttd">
            </td>
            <td class="csstablelisttd">
                45
            </td>
            <td class="csstablelisttd">
            </td>
        </tr>
    </table>
</body>
</html>

要从最后选定的单元格中删除高亮css，请使用

$(this).removeClass("csstdhighlight");
$(this).removeClass("temp_selected");

JSFIDLE和你的解释不一致？我看不出是否选择了temp_。如果选择了temp_，则长度==7。长度==7表示如果用户选择了6个以上的单元格，则添加最近添加的temp_selected。长度为7，这不是很容易让人阅读的文本。即使你能看穿那些格式糟糕的文字，仍然有大量的打字错误，以确保它是很难理解任何东西。在鼠标上每一次选择时间后，警报生成slot@prabhat：警报生成后，最近添加的css消失，但clic“OK”后，警报出现，然后当我移动鼠标时，突出显示的表格单元格消失，如何处理突出显示的单元格单击警报的OK按钮后，如果您已选择，则您将继续收到警报消息，该消息发生在我发布的初始小提琴中，由于已经选择了6行，选择第7行将生成警报。在生成警报后的第二个小提琴中，如果单击“确定”，然后再次来到突出显示的单元格，则选择将消失。我们必须在单击按钮后继续选择，同样在第页的“如何在jquery prabhat中实现”。@prabhat:问题是何时生成警报以及何时单击警报同时单击并用css突出显示表格单元格的“确定”警报，因此长度为7，并在单击并用css突出显示表格单元格的同时生成警报并单击警报的“确定”。当点击“确定”时，这种情况会一直重复。我们如何摆脱这种情况