Question

所以当我点击一个按钮时，我一直试图让照片消失，这应该是相当简单但似乎无法正常工作：/

这是HTML：

＆＃13;

<img id="projectA" src="link"/>
            <img id="projectB" src="link"/>
            <img src="link" width="35" height="35"/>
            <br>
        <button onClick="luck()" type="submit">Click here to donate luck!</button>
        <script>
	$(document).ready(function() {
		$('button').click(function() {
			$('#projectA').hide();
		});
	});
	</script>

＆＃13;

我还没有包含图片链接，因为它们相当大。

真的不确定为什么这不起作用，我们将非常感谢任何帮助：]

Answer 1

因为按钮是提交类型的提交，请尝试e.preventDefault()并从HTML中删除onClick="luck()"因为按钮点击是由jquery本身处理的： -

$(document).ready(function() {
   $('button').click(function(e) {
        e.preventDefault();   // prevent form submitting
        $('#projectA').hide();
   });
});

或者使用type="button"而不是type="submit"的简单按钮。

建议：而不是将按钮本身作为jquery中的选择器尝试在HTML中为按钮提供唯一ID ，然后使用该ID在jquery选择器中。

Answer 2

你正在调用一个不存在的函数，它会抛出一个错误。

从HTML中的按钮中删除onClick="luck()"，应该可以解决问题。

Answer 3

尝试禁用按钮的默认行为。

       $(document).on('click','button',function(e) {
            e.preventDefault();
            $('#projectA').hide();
        });

Answer 4

        <img id="projectA" src="link"/>
        <img id="projectB" src="link"/>
        <img src="link" width="35" height="35"/>
        <br>
       <div class="xxx">Click here to donate luck!</div>
       <script>
       $(document).ready(function() {
       $('.xxx').click(function() {
        $('#projectA').hide();
       });
       });
       </script>

Answer 5

您的问题已在以下小提琴中得到解决点击here试试这个小提琴它将展示您的解决方案

我删除了onClick =＆＃34;运气（）＆＃34;在按钮上

$(document).ready(function() {
    $('button').click(function() {
        $('#projectA').hide();
    });
});

将jquery代码更改为此，您的问题将得到解决然后提交按钮将执行其他提交数据的功能

.hide（）不使用按钮

5 个答案: