5

MVC3 を使用して Web サイトを開発しています。水平に配置された 4 つの画像を含む部分ビューを作成しました。今、私は詳細ビューである別のビューを持っており、1 つのテキストを表示しました。ユーザーがそのテキストの上にマウスを置くと、画像の部分的なビューを表示したいと思います。

これを行う方法 ?

上記の質問に関連していると思われるため、同じ質問に別の質問を含めて申し訳ありません。だから私の次の問題は -

その画像がユーザーに表示されると、ユーザーはそのリストから画像の1つを選択し、これに応じて何らかの操作を実行する必要があります。

与えられた回答に取り組みましたが、表示された画像リストでの選択などの他の操作を実行できないことがわかりました。

これもどうするの?

4

5 に答える 5

3

jQuery部分ビューの内容を取得して、moveoverまたは に表示するために使用しhoverます。

例えば:

$("#container").mouseover(function() {
   $.ajax({
    url: "@Url.Action("YourPartialView")",
    type: "GET",
    success: function(data) {
        var htmlx = data; // the View

        $("#content").append(htmlx);
        $("#content").slideDown('slow');
        }
    }); 
});

はテキスト#containerを保持する#content領域であり、ユーザーがコンテナにカーソルを合わせたときに表示される領域です。

于 2012-09-07T11:44:26.057 に答える
2

ホバー時に部分ビューを動的にロードする場合は、jquery ajax 呼び出しを使用して実行できます。

$("img.your-class").mouseover(function () {

   // get the image ID - modify according to your markup
   var imageId = $(this).data('image-id');

   $.ajax({

       // use the imageId from above here
       url: "add-your-view-url", 

       success: function(data) {
          $("#target-div-id").html(data);
       }

    }); 

});

コントローラーでは、次のようなアクションが必要になります。

public ActionResult Action(int imageId)
{
     // get the model for your partial view
     var model = GetModel(imageId);

     // you can optionally return different result based on request type
     if (Request.IsAjaxRequest())
     {
          // update with actual path of your partial view
          return PartialView("path-to-your-view", model);
     }
}
于 2012-09-07T11:51:05.860 に答える
0

jqueryで試してみる

$("#id").mouseover(function () {
   $.ajax({
       url: 'url',
       success: function (response) {
        $(response.responseText).appendTo($('body'));
    }
   });
});
于 2012-09-07T11:42:09.113 に答える
0

JavaScript を使用してこれを行う必要があります。おそらく jQuery (JavaScript ライブラリ) を使用すると簡単です。

部分ビューを隠し要素でラップし、ユーザーがホバーしたときにこの要素を表示する必要があります。

詳細と例については、 http://api.jquery.com/hover/を参照してください。

基本的な例については、こちらも参照してください: http://jsfiddle.net/49bAz/

于 2012-09-07T11:38:33.960 に答える
0

ajax (画像を識別するパラメーター付き) を使用して、マウス ホバー時にアクションを呼び出すこともできます。Ajax 呼び出しは部分的なビューを返し、それを div でラップして、ツールチップ ライブラリなどを使用して、必要な方法で表示できます。

于 2012-09-07T11:43:22.107 に答える