Javascript 为什么我的内容会闪烁？

我对Jquery世界有点陌生，所以有人能帮我理解我的domydothis.htmlhit；让内容只闪烁而不是简单地显示？ 我认为这个函数是在自我重复，这就是导致它的原因

html代码：

        <form>
        <select class="plcardFirst">
          <option selected value="">-- Choose One --</option>
          <option value="1/11">A</option>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
          <option value="10">J</option>
          <option value="10">Q</option>
          <option value="10">K</option>
            </select>
        <select class="plcardSecond">
          <option selected value="">-- Choose One --</option>
          <option value="1/11">A</option>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
          <option value="10">J</option>
          <option value="10">Q</option>
          <option value="10">K</option>
            </select>
        <select class="dlCard">
          <option selected value="">-- Choose One --</option>
          <option value="1/11">A</option>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
          <option value="10">J</option>
          <option value="10">Q</option>
          <option value="10">K</option>
            </select>
            <input type="submit" value="Submit" id="Submit">
        </form>
    <div id="dothis"> do this </div>

脚本：

     <script type="text/javascript">
           var valueFirst;
           var valueSecond;
           var dlCard;
          $(document).ready(function () {
            $(".plcardFirst").change(function() {
               valueFirst = $( ".plcardFirst" ).val();//player first card;
            });
            $(".plcardSecond").change(function() {
               valueSecond = $( ".plcardSecond" ).val();//player second card
            });
            $(".dlCard").change(function() {
              dlCard = $( ".dlCard" ).val();//dealer card
            });
            $("#Submit").click(function(){
              $("#dothis").html("hit");
            });
        }); 
   </script>

---

它会闪烁，因为您正在使用提交按钮，并且您没有取消提交操作，因此页面会提交表单并重新加载页面

$("#Submit").click( function (e) {
    e.preventDefault();  //cancel the click
    $("#dothis").html("hit");
});

---

您必须取消活动且不提交表格：

$("#Submit").click(function(event){
    $("#dothis").html("hit");
    return false;
});

---

或者，如果您不打算通过PHP处理数据，您可以简单地删除标记，这样就不会再发生了。

您的页面再次加载，因为它是一个表单，并且您有一个类型为submit的按钮。您需要通过添加e.preventDefault来阻止其正常功能。试试这个：

<script>
$("#Submit").click(function(e) {
    e.preventdefault();
    $("#dothis").html("hit");
});
</script>

---

您正在提交表单，因此页面将重新加载/刷新。您可以更改按钮类型，然后重试

<input type="button" value="Submit" id="Submit">

---

如果您正在提交表单，页面将刷新，您将获得初始div内容

如果不想提交表单，则必须在函数中返回false

$("#Submit").click(function () {
            $("#dothis").html("hit");
            return false;
        });

---

你需要防止违约。谢谢我怎样才能停止刷新页面？。。。替换$Submit.clickfunction{…}；在问题中。工作！！非常感谢，如果我想在if/else语句中设置，返回值是否为false；按原样放置？？返回false是event.preventDefault和event.stopPropagation，因此您不需要preventDefault，它就可以工作..不，您只需要返回false；我的意思是-或者换句话说，stopPropagation是一个，我认为在这种情况下它不重要，但好吧~我认为如果按钮是一个，或者事件是。提交而不是。单击此处：-一次返回为false；适用于所有需要提交表格的情况