Javascript 使用jquery拖放图像
我是jquery的新手,我正在尝试为孩子们开发一款在特定区域使用拖放图像的游戏。它与此url中的纸牌游戏相同: 我试图理解它的源代码,但我无法更改这部分代码中带有图像的卡:Javascript 使用jquery拖放图像,javascript,jquery,html,css,jquery-ui,Javascript,Jquery,Html,Css,Jquery Ui,我是jquery的新手,我正在尝试为孩子们开发一款在特定区域使用拖放图像的游戏。它与此url中的纸牌游戏相同: 我试图理解它的源代码,但我无法更改这部分代码中带有图像的卡: // Create the pile of shuffled cards var numbers = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]; numbers.sort( function() { return Math.random() - .5 } ); for ( va
// Create the pile of shuffled cards
var numbers = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ];
numbers.sort( function() { return Math.random() - .5 } );
for ( var i=0; i<10; i++ ) {
$('<div>' + numbers[i] + '</div>').data( 'number', numbers[i] ).attr( 'id', 'card'+numbers[i] ).appendTo( '#cardPile' ).draggable( {
containment: '#content',
stack: '#cardPile div',
cursor: 'move',
revert: true
} );
}
// Create the card slots
var words = [ 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten' ];
for ( var i=1; i<=10; i++ ) {
$('<div>' + words[i-1] + '</div>').data( 'number', i ).appendTo( '#cardSlots' ).droppable( {
accept: '#cardPile div',
hoverClass: 'hovered',
drop: handleCardDrop
} );
}
}
源代码的完整描述如下:
我正在等待您的帮助,请提前感谢如果我没有错,那么您需要设置您在游戏中使用的所有卡的图像 然后你只需要在css中设置所有卡片的背景图像,比如 以card1为例,使其id为card1,然后按如下方式设置其css 卡片1{ 背景图像:urlhttp://static3.bigstockphoto.com/thumbs/7/0/3/large2/30774275.jpg; }
你的问题不清楚,但我不能换有图像的卡片。具体的问题是什么?他使用的卡片只是一个用css样式的div元素我想用可拖动的ImagesOry替换那些元素,我试图改变卡片的背景,但没有效果。我没有看到你的演示链接,现在已经很清楚了,它正在工作。thnks很多brojsfiddle.net/bhavik15vora/4su3j4ca